title: Input field not aligned vertically into IE - ReactJS / MaterialUI
body: <p>I am facing a small UI issue here that is bothering me a lot . So i thought why not asking a question here . The problem is that i am using <code>material-ui</code> library to create my components . And this specific one is <code>&lt;OutlinedInput/&gt;</code> . But the result seems to be different on Chrome and on IE . So i wonder what property IE is missing to align the input text vertically .</p>
  <pre><code>                input: {
                      textAlign: 'center',
                      margin: 'auto',
                      minWidth: 220,
                      maxHeight: '35px',
                      fontSize: '1.6rem',
                  }
              
  </code></pre>
  <p><a href="https://i.stack.imgur.com/9JDXe.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9JDXe.jpg" alt="" /></a></p>