styleOverrides is not working properly with MuiListItem

[barwalker]

Hi, I created a custom theme with a override style for MuiListItem. It's not working anymore after changed to Material-ui V5.

            MuiListItem: {
                styleOverrides: {
                    root: {
                        color: primary,
                        paddingTop: '12px',
                        paddingBottom: '12px',
                        '&$selected': {
                            color: theme === 'dark' ? '#e3f2fd' : '#3366ff',
                            backgroundColor: theme !== 'dark' ? '#e3f2fd' : '#5D4CA5',
                            '&:hover': {
                                backgroundColor: theme !== 'dark' ? '#e3f2fd' : '#5D4CA5',
                            },
                            '& .MuiListItemIcon-root': {
                                color: theme === 'dark' ? '#e3f2fd' : '#3366ff',
                            },
                        },
                        '&:hover': {
                            color: theme === 'dark' ? '#e3f2fd' : '#3366ff',
                            '& .MuiListItemIcon-root': {
                                color: theme === 'dark' ? '#e3f2fd' : '#3366ff',
                            },
                        },
                    },
                }
            }

Current Behavior:

When the List item clicked(selected), it doesn't has color and background color above.

Expected Behavior:

The selected style should be applied, and it works before, on V4.

What I need to change on this case, I read the migrate guide on next.material-ui.com but it doesn't help.
Thanks

[barwalker]

The '&$selected' option need to change to '&.Mui-selected'.
Anyway, thanks for your hard work.