Material-ui Input-label нужны разные стили при сжатии

Question

В настоящее время, если у вас есть стиль root, он всегда будет переопределять стиль shrink или любой другой стиль.

 <InputLabel
   htmlFor={this._username}
   classes={{
        animated: classes.labelShrink,
        root: classes.LabelFontSizeSmallScreen
     }}
  >
    Email
   </InputLabel>

, где labelShrink равен

  labelShrink: {
        '@media only screen and (max-width: 600px)': {
            letterSpacing: 1,
            fontWeight: 600,
            fontSize: 18
        }
    },

, а LabelFontSizeSmallScreen равен

 LabelFontSizeSmallScreen: {
        // Extra small devices
        '@media only screen and (max-width: 600px)': {
            letterSpacing: 1,
            fontWeight: 300,
            fontSize: 16
        }
    },