From 5b5ffcd650d3e9f577e4bf9a59bcb8d2030518b3 Mon Sep 17 00:00:00 2001
From: YanJin <yanjin.cheng@scality.com>
Date: Wed, 13 Dec 2023 18:43:43 +0100
Subject: [PATCH] Add padding

---
 src/lib/components/steppers/Stepper.component.tsx  | 2 +-
 src/lib/components/steppers/Steppers.component.tsx | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/steppers/Stepper.component.tsx b/src/lib/components/steppers/Stepper.component.tsx
index df3610bfa7..32b0d84bf4 100644
--- a/src/lib/components/steppers/Stepper.component.tsx
+++ b/src/lib/components/steppers/Stepper.component.tsx
@@ -46,7 +46,7 @@ export const Stepper: Stepper = ({ steps }) => {
 
   return (
     <StepperContext.Provider value={{ next, prev }}>
-      <Box display="flex" gap={32} padding={16} flex={1} height="100%">
+      <Box display="flex" gap={32} 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 11ec6760d6..fbc8280e87 100644
--- a/src/lib/components/steppers/Steppers.component.tsx
+++ b/src/lib/components/steppers/Steppers.component.tsx
@@ -19,7 +19,10 @@ type Props = {
   steps: Array<StepProps>;
   activeStep: number;
 };
-const SteppersContainer = styled.div``;
+const SteppersContainer = styled.div`
+  padding-top: 4rem;
+  padding-left: 1rem;
+`;
 const StepContainer = styled.div`
   display: flex;
   min-height: 50px;