title: Align Text Vertically on top material UI <Textfield />
body: <p>I have this component</p>
  
  <pre><code>const styles = theme =&gt; ({
    height: {
      height: '20rem',
    },
  });
  
  class Foo extends React.component { 
      ...
  
      &lt;TextField
        InputProps={{ classes: { root: this.props.classes.height } }}
        label="Kittens"
        placeholder="Meooow"
        fullWidth={true}
        margin="normal"
        variant="outlined"
        notched={true}
        value={this.state.kittyCat}
        onChange={event =&gt; this.onChangeKittens(event)}
        multiline={true} /&gt;
  }
  </code></pre>
  
  <p>The height is applied, making the <code>&lt;TextField /&gt;</code> bigger. However, I want to align the text vertically in the <code>&lt;TextField /&gt;</code>.</p>
  
  <p>How do I do this? </p>