Semantic UI Dropdown component max-width in ReactJS

Question

I can't figure out how to set the max-width of the Dropdown component in ReactJS. I tried with

.Menu Dropdown {
    max-width: 5rem !important;
}

With no luck. They use way too much space for the text they are showing. Can someone explain me how to do it? Thanks.

Answer 1

Adding a fluid prop to the Dropdown component should do the job according to the semantic react docs here .

Example:

<Dropdown fluid> ... </Dropdown>

Hope this helps.