title: increasing the width of select dropdown for material ui
body: <ul>
  <li>I am trying to increase the width of drop down to 400px.</li>
  <li>so I gave inline styles but still its not changing.</li>
  <li>when I debugged I found the width is coming from this class.</li>
  <li>not sure how to overwrite.</li>
  <li>can you tell me how to fix it.</li>
  <li>providing my code snippet below.</li>
  </ul>
  
  <p><a href="https://stackblitz.com/edit/react-4xmiuz?file=demo.js" rel="nofollow noreferrer">https://stackblitz.com/edit/react-4xmiuz?file=demo.js</a></p>
  
  <pre><code>&lt;div style={{ width: '400', border: '1px solid green' }}
            className={classes.root}&gt;
  
          &lt;FormControl style={{ width: '400', border: '1px solid green' }}
              variant="outlined" className={classes.formControl}&gt;
            &lt;InputLabel
              ref={ref =&gt; {
                this.InputLabelRef = ref;
              }}
              htmlFor="outlined-age-native-simple"
              style={{ width: '400', border: '1px solid green' }}
  
            &gt;
              Age
            &lt;/InputLabel&gt;
            &lt;Select
              native
              value={this.state.age}
              onChange={this.handleChange('age')}
              style={{ width: '400 !important', border: '1px solid red' }}
              input={
                &lt;OutlinedInput
                  name="age"
                  labelWidth={this.state.labelWidth}
                  id="outlined-age-native-simple"
                  style={{ width: '400', border: '1px solid green' }}
  
                /&gt;
              }
            &gt;
              &lt;option style={{ width: '400', border: '1px solid green' }}
                value="" /&gt;
              &lt;option style={{ width: '400', border: '1px solid green' }}
                value={10}&gt;Ten&lt;/option&gt;
              &lt;option style={{ width: '400', border: '1px solid green' }}
                value={20}&gt;Twenty&lt;/option&gt;
              &lt;option style={{ width: '400', border: '1px solid green' }}
                value={30}&gt;Thirty&lt;/option&gt;
            &lt;/Select&gt;
          &lt;/FormControl&gt;
  
        &lt;/div&gt;
  </code></pre>