React-JSS Media Query не работает с мобильным эмулятором Chrome

Я использую JSS в своем проекте React, и я столкнулся со странной проблемой, которую мне трудно решить. В основном я пишу медиа-запрос, и он запускается, когда я сжимаю свой настольный браузер. Хотя при использовании панели инструментов устройства это не работает. Я пытаюсь скрыть диапазон, когда «ширина» устройства меньше 600 пикселей. Любая помощь будет оценена по достоинству.

Вот код:

const menuStyles = theme => ({
  flex: {
    display: 'flex',
    alignItems: 'center',
  },
  wrapper: {
    composes: '$flex',
    cursor: 'pointer',
  },
  span: {
    fontFamily: theme.fontMontserrat,
    marginRight: '30px',
  },
  '@media screen and (max-width: 600px)': {
    span: {
      display: 'none',
    },
  },
});