title: Set TextField height material-ui
body: <p><strong>index.js</strong> </p>
  
  <pre><code>import React from 'react'
  import TextField from '@material-ui/core/TextField'
  import style from './style'
  import withStyles from 'hoc/withStyles'
  import { connect } from 'react-redux'
  
  class SearchField extends React.Component {
    constructor (props) {
      super(props)
      this.onChange = this.onChange.bind(this)
    }
  
    onChange (event) {
      const { dispatcher } = this.props
      this.props.dispatch(dispatcher(event.target.value))
      event.preventDefault()
    }
  
    render () {
      const { classes, placeholder } = this.props
      return (
        &lt;TextField 
          label={placeholder} 
          placeholder={placeholder}
          InputProps={{ classes: { input: classes.resize } }}
          className={classes.textField}
          margin="normal"
          autoFocus={true} 
          variant="outlined" 
          onChange={this.onChange}
        /&gt;
      )
    }
  }
  
  export default withStyles(style)(connect()(SearchField))
  </code></pre>
  
  <p><strong>style.js</strong></p>
  
  <pre><code>export default function () {
    return {
      container: {
        display: 'flex',
        flexWrap: 'wrap'
      },
      textField: {
        width: 'auto'
      },
      resize: {
        fontSize: 11
      }
    }
  }
  </code></pre>
  
  <p><a href="https://material-ui.com/api/text-field/" rel="noreferrer">https://material-ui.com/api/text-field/</a></p>
  
  <p>How can I change <code>TextField</code> height? I can't find it in the documentation. When I try to change it directly in CSS it works incorrectly (it looks <a href="https://i.stack.imgur.com/T5qCt.png" rel="noreferrer">like this</a> - selected height on the screen 26px).</p>
  
  <p>What should I do?</p>