title: ReactJS + MaterialUI: SelectField height change
body: <p>I'm using React material-ui <code>SelectField</code> on my page. I'm not able to adjust the height of the select field. Here is my code snippet:</p>
  <pre><code>&lt;SelectField
    underlineStyle={{
      display: 'none'
    }}
    style={{
      width: '49%',
      padding: '0 0 5em 5em',
      border: '1px solid #ccc',
      borderRadius: '5px',
      backgroundColor: '#fff',
      margin: '16px 0px 0px 28px',
    }}
    floatingLabelText=&quot;Select Stack*&quot;
    value={this.state.stack}
    onChange={this.handleStackChange.bind(this)}
  &gt;
    {this.state.dropDownStack}
  &lt;/SelectField&gt;
  </code></pre>
  <p>My UI is looking as below <a href="https://i.stack.imgur.com/sNFYc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sNFYc.png" alt="enter image description here" /></a></p>
  <p>I need to reduce the height of dropdown box, how can I do it?</p>