Изменить цвет TextField Material-UI, когда он не в фокусе

У меня есть это TextField ниже, которое работает по назначению, и я хочу изменить цвет метки, когда он не в фокусе, потому что, когда он в данный момент не в фокусе, он остается черным.

Может ли кто-нибудь помочь мне, как я могу этого достичь?

const useStyles = makeStyles(theme => ({
  textField: {
    width: "300px"
  },
  cssLabel: {
    color: "white"
  },
  cssOutlinedInput: {
    "&$cssFocused $notchedOutline": {
      borderColor: `white !important`
    }
  },
  cssFocused: { color: "white !important" },

  notchedOutline: {
    borderWidth: "1px",
    borderColor: "white !important"
  }
}));

<TextField
  id = "username"
  label = "Username"
  className = {classes.textField}
  variant = "outlined"
  required = {true}
  InputLabelProps = {{
    classes: {
      root: classes.cssLabel,
      focused: classes.cssFocused
    }
  }}
  InputProps = {{
    classes: {
      root: classes.cssOutlinedInput,
      focused: classes.cssFocused,
      notchedOutline: classes.notchedOutline
    }
  }}
/>;