Matériel-UI Appliquez le pseudo classe ':: avant' avec les accessoires de classe de composants

J'essaie d'utiliser une classe de pseudo pour le MUI-App-Bar. J'ai lu quelques questions à ce sujet ici. Mais cela ne m'apportait plus. Mon composant ressemble à ceci:

const styles = (theme: Theme) => createStyles({
    appBar: {
        backgroundColor: theme.palette.background.default,
        height: '48px',
        '&::before': {
            content: "",
            position: 'absolute',
            left: '2.5%',
            bottom: 0,
            right: '2.5%',
            width: '95%',
            borderBottom: '1px solid magenta',
        }
    }
});

class TabBar extends React.Component<WithStyles<typeof styles> & WithTranslation, TabBarInterface> {
...
render() {
        const { classes } = this.props;
        ...

        return (
                <AppBar className={classes.appBar} position="relative">
                  ...
                </AppBar>

        );
    }
}

export default withStyles(styles)(withTranslation()(TabBar));