title: How do I change Material UI Autocomplete font size?
body: <p>I am trying apply custom css to the Material UI Autocomplete component. Specifically, I want to change the font size of the input field. Here's what I have right now:</p>
  <pre><code>&lt;Autocomplete
    style={{
      width: 200,
      height: 60,
      marginLeft: 15,
    }}
    options={[&quot;foo&quot;, &quot;bar&quot;]}
    renderInput={(params) =&gt; (
      &lt;TextField
        InputProps={{ style: { fontSize: 30 } }}
        {...params}
        margin=&quot;normal&quot;
      /&gt;
    )}
  /&gt;
  </code></pre>
  <p>I believe that my TextField is being styled properly, but it's CSS is being overwritten by the Autocomplete CSS. Any help is appreciated. Thanks in advance.</p>