title: Why I cannot change height of the following autocomplete boxes with inline styles? How to set its height as some as button height?
body: <p>I want to change Height of Autocomplete box in react.js but only width is rendered not height although I'm using both properties</p>
  <pre><code>        &lt;Autocomplete     
                      id=&quot;combo-box-demo&quot;
                        options={Options}
                        getOptionLabel={(option) =&gt; option.title}
                        style={{ width: 250, marginRight: 25, height: 31}}   
                        renderInput={(params) =&gt; &lt;TextField {...params} label=&quot;Category&quot; variant=&quot;outlined&quot; /&gt;}
                       /&gt;
  
          &lt;Button variant=&quot;contained&quot; color=&quot;primary&quot;  style={{ width: 150, height: 31, marginTop: 15}}&gt; 
                    Search
          &lt;/Button&gt;
  </code></pre>