Revert "refactor: apply overflow on default theme"

This reverts commit 418e6bc133.

Signed-off-by: Federico Morreale <frc.morreale@gmail.com>

packages/theme/src/v5/defaultComponentThemes.ts

@@ -239,11 +239,4 @@ export const defaultComponentThemes: ThemeOptions['components'] = {
       underline: 'hover',
     },
   },
-  MuiStepper: {
-    styleOverrides: {
-      root: {
-        overflowX: 'auto',
-      },
-    },
-  },
 };

plugins/scaffolder-react/src/next/components/Stepper/Stepper.tsx

@@ -190,7 +190,12 @@ export const Stepper = (stepperProps: StepperProps) => {
   return (
     <>
       {isValidating && <LinearProgress variant="indeterminate" />}
-      <MuiStepper activeStep={activeStep} alternativeLabel variant="elevation">
+      <MuiStepper
+        activeStep={activeStep}
+        alternativeLabel
+        variant="elevation"
+        style={{ overflowX: 'auto' }}
+      >
         {steps.map((step, index) => {
           const isAllowedLabelClick = activeStep > index;
           return (

plugins/scaffolder-react/src/next/components/TaskSteps/TaskSteps.tsx

@@ -58,6 +58,7 @@ export const TaskSteps = (props: TaskStepsProps) => {
           activeStep={props.activeStep}
           alternativeLabel
           variant="elevation"
+          style={{ overflowX: 'auto' }}
         >
           {props.steps.map(step => {
             const isCompleted = step.status === 'completed';