Класс не применяется к компоненту кнопки пользовательского интерфейса материала

Question

Я пытаюсь применить класс (redirectButton) к материальной кнопке пользовательского интерфейса, но он не применяется. вот мой html

      {(isDataAdapterAdmin && !dataSources?.length) &&
            <Button className={classes.redirectButton} onClick={() => history.push('/settings_systems/dataSources')} >
              {i18n._(buttonText)}
            </Button>
          }

  const useStyles = makeStyles((theme: Theme) => ({
  redirectButton:{
    'display': 'flex',
    'justify-content': 'center',
    'margin-right': '400px'
  }

}))

На выходе родительский div выглядит примерно так

 <div class>

Answer 1

Если вы хотите применить стиль к элементу root, вам необходимо переопределить классы:

Здесь документация

classes={{ root: classes.redirectButton }}
// insted of 
className={...}