title: How to align this select list of material-ui to bottom line of input block?
body: <p>I have a select build by material-ui, all function is fine, but I want to alignt top line of select list to bottom line of input block, how could I do this?</p>
  
  <p>My code :</p>
  
  <pre><code>const styles = theme =&gt; ({
    formControl: {
      margin: theme.spacing.unit
    }
  });
  
  &lt;FormControl className={classes.formControl} fullWidth={true}&gt;
    &lt;InputLabel htmlFor="deviceSource-native-select"&gt;Device source&lt;/InputLabel&gt;
    &lt;Select
      native={true}
      onChange={this.onDeviceSourceChange}
      inputProps={{
        id: 'deviceSource-native-select',
        name: 'deviceSource'
      }}
    &gt;
      &lt;option value={'Ten'}&gt;Ten&lt;/option&gt;
      &lt;option value={'Twenty'}&gt;Twenty&lt;/option&gt;
      &lt;option value={'Thirty'}&gt;Thirty&lt;/option&gt;
    &lt;/Select&gt;
  &lt;/FormControl&gt; 
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/dmerX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dmerX.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/7JRoe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7JRoe.png" alt="enter image description here"></a></p>