Выпадающий список увеличивается в размере после выбора параметров (Реагировать)

Question

Как я могу зафиксировать раскрывающийся список, т.е. после выбора параметров раскрывающийся список увеличивается в размере, если длина параметра велика. Я не хочу, чтобы он увеличивался, потому что это мешает другим компонентам, которые находятся рядом с ним.

Мой код выглядит следующим образом:

dropdown:{
     marginTop: 17,
     maxWidth: '120%'

     },

<Typography variant="h3" component="h3" style={{  marginBottom: 10}} gutterBottom>
           Region
      <div className={classes.dropdown}>
      <Dropdown
                options={this.state.regionList}

                onChange={this.handleRegionChange}
       />
      </div>
     </Typography>

Answer 1

Пожалуйста, используйте ширину и maxWidth. например:

dropdown:{
   marginTop: 17,
   maxWidth: '200px'
   width: '200px'
},