Change border color of Select component in MUI

<FormControl
          sx={{
            width: "15rem",
            maxWidth: "100%",
            marginRight: "1em",
            "& .MuiSvgIcon-root": {
              fill: "white",
            },
          }}
        >
          <InputLabel
            id="demo-simple-select-label"
            sx={{color: "white"}}>
            Label
          </InputLabel>
          <Select
            labelId="demo-simple-select-label"
            id="demo-simple-select"
            value={page}
            label="Label"
            sx={{
              color: "white",
              "& .MuiOutlinedInput-notchedOutline": {
                borderColor: "white",
              },
              "& .MuiOutlinedInput-notchedOutline:hover": { //not working
                borderColor: "white",
              },
              "& .MuiOutlinedInput-notchedOutline:focus": { //not working
                borderColor: "white",
              },
            }}
            onChange={handleChange}
          >
            <MenuItem value={"Overview"}>Overview</MenuItem>
          </Select>
        </FormControl>