[Stepper] Сan`t make horizontal scroll

[Kenedi231]

I am trying to do horizontal scrolling for stepper on small screens.
Here is my code:

Styles:

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>

And it doesn't work.
Any ideas?

[support]

👋 Thanks for using Material-UI!

We use GitHub issues exclusively as a bug and feature requests tracker, however,
this issue appears to be a support request.

For support, please check out https://material-ui.com/getting-started/support/. Thanks!

If you have a question on StackOverflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.