Specifing a hover border color on a textfield using a custom theme with Material UI

Question

Having trouble finding documentation on how to change the default border color of an outlined Textfield on hover using a custom theme on Material ui.

Answer 1

MuiOutlinedInput: {
      root: {
        "&:hover:not($disabled):not($focused):not($error) $notchedOutline": {
          border: "2px solid",
          borderColor: "yellow"
        }
      }
    }

Reference Example