From 418e6bc1338150e874c2b9f31bcce526ac72a5a9 Mon Sep 17 00:00:00 2001
From: Federico Morreale <frc.morreale@gmail.com>
Date: Mon, 27 Nov 2023 17:17:31 +0100
Subject: [PATCH] refactor: apply overflow on default theme

Signed-off-by: Federico Morreale <frc.morreale@gmail.com>
---
 packages/theme/src/v5/defaultComponentThemes.ts            | 7 +++++++
 .../src/next/components/Stepper/Stepper.tsx                | 7 +------
 .../src/next/components/TaskSteps/TaskSteps.tsx            | 1 -
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/theme/src/v5/defaultComponentThemes.ts b/packages/theme/src/v5/defaultComponentThemes.ts
index e484300818..80e57aa4df 100644
--- a/packages/theme/src/v5/defaultComponentThemes.ts
+++ b/packages/theme/src/v5/defaultComponentThemes.ts
@@ -239,4 +239,11 @@ export const defaultComponentThemes: ThemeOptions['components'] = {
       underline: 'hover',
     },
   },
+  MuiStepper: {
+    styleOverrides: {
+      root: {
+        overflowX: 'auto',
+      },
+    },
+  },
 };
diff --git a/plugins/scaffolder-react/src/next/components/Stepper/Stepper.tsx b/plugins/scaffolder-react/src/next/components/Stepper/Stepper.tsx
index a0b06c0e69..5aaf76316c 100644
--- a/plugins/scaffolder-react/src/next/components/Stepper/Stepper.tsx
+++ b/plugins/scaffolder-react/src/next/components/Stepper/Stepper.tsx
@@ -190,12 +190,7 @@ export const Stepper = (stepperProps: StepperProps) => {
   return (
     <>
       {isValidating && <LinearProgress variant="indeterminate" />}
-      <MuiStepper
-        activeStep={activeStep}
-        alternativeLabel
-        variant="elevation"
-        style={{ overflowX: 'auto' }}
-      >
+      <MuiStepper activeStep={activeStep} alternativeLabel variant="elevation">
         {steps.map((step, index) => {
           const isAllowedLabelClick = activeStep > index;
           return (
diff --git a/plugins/scaffolder-react/src/next/components/TaskSteps/TaskSteps.tsx b/plugins/scaffolder-react/src/next/components/TaskSteps/TaskSteps.tsx
index d74d298778..96f0d9d865 100644
--- a/plugins/scaffolder-react/src/next/components/TaskSteps/TaskSteps.tsx
+++ b/plugins/scaffolder-react/src/next/components/TaskSteps/TaskSteps.tsx
@@ -58,7 +58,6 @@ export const TaskSteps = (props: TaskStepsProps) => {
           activeStep={props.activeStep}
           alternativeLabel
           variant="elevation"
-          style={{ overflowX: 'auto' }}
         >
           {props.steps.map(step => {
             const isCompleted = step.status === 'completed';