stepper: fix the height

scality · Dec 13, 2023 · 8bbddbc · 8bbddbc
1 parent 71dcdb6
commit 8bbddbc
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/lib/components/steppers/Stepper.component.tsx b/src/lib/components/steppers/Stepper.component.tsx
@@ -46,8 +46,14 @@ 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%"
+        justifyContent="center"
+      >
         <Steppers
           activeStep={stepProps.step}
           steps={steps.map((step) => {