Материал-интерфейс Stepper. Не могу сделать горизонтальную прокрутку

Question

Я пытаюсь сделать горизонтальную прокрутку для степпера на маленьких экранах. Вот мой код:

Стили:

stepperContainer: {
   width: "100%",
   maxWidth: 950,
   overflow: "scroll",
   backgroundColor: theme.palette.background.paper,
},
stepper: {
   minWidth: 500,
   width: "100%",
},

Stepper:

<div className={classes.stepperContainer}>
 <Stepper
   activeStep={activeStep}
   alternativeLabel
   className={classes.stepper}
   connector={<ColorlibConnector />}
 >
   {...STEPS}
 </Stepper>
</div>

И это не работает. Есть идеи?