diff --git a/src/lib/components/steppers/Stepper.component.tsx b/src/lib/components/steppers/Stepper.component.tsx
index bfa18c415e..df3610bfa7 100644
--- a/src/lib/components/steppers/Stepper.component.tsx
+++ b/src/lib/components/steppers/Stepper.component.tsx
@@ -46,8 +46,7 @@ export const Stepper: Stepper = ({ steps }) => {
 
   return (
     <StepperContext.Provider value={{ next, prev }}>
-      <Box display={'flex'} gap={32} padding={32} flex={1}>
-
+      <Box display="flex" gap={32} padding={16} flex={1} height="100%">
         <Steppers
           activeStep={stepProps.step}
           steps={steps.map((step) => {
diff --git a/src/lib/components/steppers/Steppers.component.tsx b/src/lib/components/steppers/Steppers.component.tsx
index a537e688d7..a1914528f7 100644
--- a/src/lib/components/steppers/Steppers.component.tsx
+++ b/src/lib/components/steppers/Steppers.component.tsx
@@ -23,6 +23,7 @@ const SteppersContainer = styled.div``;
 const StepContainer = styled.div`
   display: flex;
   min-height: 50px;
+  min-width: 20rem;
 `;
 const Panel = styled.div`
   display: flex;