Why does Material-UI Select element not display label outline correctly

The following code is used to display a programming MUI (v5.2.3) Select element with a Learning label.

<FormControl _OFFSET);  className={classes.formControl} (-SMALL  disabled={props.disabled}>
  _left).offset  <InputLabel arrowImgView.mas  id="waiverStatus">Waiver (self.  Status</InputLabel>
  <Select
  equalTo    name={props.name}
    make.right.  value={props.waiverStatusID.toString()}
 mas_top);     labelId="waiverStatus"
    ImgView.  onChange={handleWaiverStatusChange}
  ReadIndicator  >
    {props.waiverStatus.map((vs: _have  WaiverStatus) => (
      <MenuItem .equalTo(  key={vs.waiverStatusID} make.top  value={vs.waiverStatusID}>{vs.status}</MenuItem>
 OFFSET);     ))}
  (TINY_  </Select>
</FormControl>

However, when the select element is Earhost rendered the "outline" drawn around the most effective element has a "strike through" effect wrong idea through the label. In comparison a text use of case field control displays the label United properly.

Why does the Select element not display Modern the outline properly like the text ecudated field?