IconButton from MUI no longer changes hover color with makeStyles?

Hi I was looking in a way to change the hover color from IconButton However the solution-sandbox that I found doesn’t seem to be working anymore

This is what I have Code-Sandbox

>Solution :

You should add !important to your style then it should work

const useStyles = makeStyles((theme) => ({
  customHoverFocus: {
    "&:hover, &.MuiIconButton": { background: "yellow !important" }
  }
}));