title: How can I change the label size of a material ui TextField?
body: <p>I have a TextField defined as follows:</p>
  
  <pre><code>&lt;TextField
    id="standard-with-placeholder"
    label="First Name"
    className={classes.textField}
    margin="normal"
  /&gt;
  </code></pre>
  
  <p>And it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/aYi1a.png" rel="noreferrer"><img src="https://i.stack.imgur.com/aYi1a.png" alt="enter image description here"></a></p>
  
  <p>But I want it look like this:</p>
  
  <p><a href="https://i.stack.imgur.com/d2cVf.png" rel="noreferrer"><img src="https://i.stack.imgur.com/d2cVf.png" alt="enter image description here"></a></p>
  
  <p>The "First Name" text is larger. How can I adjust the label text size? Currently my styles object is empty. I think that should be where the CSS to do this should go, but I'm unsure what the css would look like for the label text.</p>
  
  <p>Thanks</p>