title: Change border color on Material-UI TextField
body: <p>This should be simple but for some reason I can't figure out how to change the border color on a TextField</p>
  
  <pre><code>&lt;TextField style={{ borderColor: 'white', width: '100px' }} variant="outlined" /&gt;
  </code></pre>
  
  <p>It's basically just copied from the docs, where on the outline is white, so I can't figure out what might be messing this up on my end.</p>
  
  <p>I tried to reproduce on jsfiddle or something but couldn't find one that would allow me to import the TextField module</p>
  
  <p><a href="https://i.stack.imgur.com/L32BM.png" rel="noreferrer"><img src="https://i.stack.imgur.com/L32BM.png" alt="screencap"></a></p>