Чипы Material-UI выглядят по-разному на localhost и Netlify

Question

Я не уверен, что это проблема Netlify или проблема Material-UI, или я могу что-то с этим поделать;какие-либо предложения о том, как добиться эффекта, который я вижу локально после его развертывания?

Вот скриншоты двух изображений:

LocalHost Image

Netlify Image

Вот мой код:

const useStyles = makeStyles(theme => ({
  root: {
    display: 'flex',
    justifyContent: 'center',
    flexWrap: 'wrap',
  },
  chip: {
    margin: theme.spacing(1),
    zIndex: '1200',
    marginTop: '90px',
    float: 'right',
    position: 'static'

  },
  avatar: {
    color: '#fff',
  },
}));

...

          <Chip
            avatar={
              <Avatar 
                className={classes.avatar}            
              >
                Dai
              </Avatar>}
            avatarsmall
            clickable
            label={daiBalance}
            className={classes.chip}
            color="secondary"
          />
          <Chip
            avatar={<Avatar className={classes.avatar}>Eth</Avatar>}
            clickable
            avatarsmall
            label={balance}
            className={classes.chip}
            color="secondary"
          />