title: How to increase the width of Material UI dropdown
body: <p>I am using Material UI dropdown in ReactJs and need to increase the width of the same. Tried to provide properties like <code>style={{minWidth:300}}</code> but its not increasing the width. Below is my code </p>
  
  <pre><code> &lt;form  className={classes.root} autoComplete="off"&gt;
    &lt;TextField
      select
      variant="outlined"
      value={values.age}
      onChange={handleChange}
      inputProps={{ name: "age", id: "outlined-age-simple" }}
    &gt;
      &lt;MenuItem value=""&gt;
        &lt;em&gt;None&lt;/em&gt;
      &lt;/MenuItem&gt;
      &lt;MenuItem value={10}&gt;Ten&lt;/MenuItem&gt;
      &lt;MenuItem value={20}&gt;Twenty&lt;/MenuItem&gt;
      &lt;MenuItem value={30}&gt;Thirty&lt;/MenuItem&gt;
    &lt;/TextField&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and here is link of codeSandbox <a href="https://codesandbox.io/s/material-demo-t4cvv" rel="nofollow noreferrer">https://codesandbox.io/s/material-demo-t4cvv</a>. How to increase the width?</p>