Изменение стиля подчеркивания Ссылка

Question

Я бы хотел изменить стиль подчеркивания при наведении курсора. Чтобы быть более точным, я пытаюсь изменить цвет и размер подчеркнутой ссылки.

  const useStyles = makeStyles(theme => ({
    button: {
    marginLeft: theme.spacing(2),
   },
  }));

 <MaterialLink
    component="button"
    aria-owns={anchorEl ? 'mouse-over-popover' : undefined}
    onMouseEnter={handlePopperOpen}
    onClick={handlePopperOpen}
    color="inherit"
 >
      <Typography variant="subtitle1" color="inherit" >Buisness Services</Typography>
 </MaterialLink>

Может ли кто-нибудь подсказать мне, как настроить подчеркивание при наведении курсора?

Пример:

Answer 1

Это то, что я искал:

 const theme = createMuiTheme({
    overrides: {
        MuiLink: {
            button: {
                "&:hover": {
                    borderBottom: '2px solid #3F51B5'
                }
            },
        }
    }
});