title: Why does Material-UI Select element not display label outline correctly?
body: <p>The following code is used to display a MUI (v5.2.3) Select element with a label.</p>
  <pre><code>&lt;FormControl className={classes.formControl} disabled={props.disabled}&gt;
    &lt;InputLabel id=&quot;waiverStatus&quot;&gt;Waiver Status&lt;/InputLabel&gt;
    &lt;Select
      name={props.name}
      value={props.waiverStatusID.toString()}
      labelId=&quot;waiverStatus&quot;
      onChange={handleWaiverStatusChange}
    &gt;
      {props.waiverStatus.map((vs: WaiverStatus) =&gt; (
        &lt;MenuItem key={vs.waiverStatusID} value={vs.waiverStatusID}&gt;{vs.status}&lt;/MenuItem&gt;
      ))}
    &lt;/Select&gt;
  &lt;/FormControl&gt;
  </code></pre>
  <p>However, when the select element is rendered the &quot;outline&quot; drawn around the element has a &quot;strike through&quot; effect through the label. In comparison a text field control displays the label properly.</p>
  <p><a href="https://i.stack.imgur.com/rQ8PT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rQ8PT.png" alt="enter image description here" /></a></p>
  <p>Why does the Select element not display the outline properly like the text field?</p>