From 5e3cd6eac7070307ed9d5d308318acaa53020526 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Herv=C3=A9=20Dombya?=
 <135591453+hervedombya@users.noreply.github.com>
Date: Wed, 8 Nov 2023 14:30:05 +0100
Subject: [PATCH] Add wrapper component to Stepper

---
 .../components/steppers/Stepper.component.tsx | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/steppers/Stepper.component.tsx b/src/lib/components/steppers/Stepper.component.tsx
index d6f1b090ee..53b9e80881 100644
--- a/src/lib/components/steppers/Stepper.component.tsx
+++ b/src/lib/components/steppers/Stepper.component.tsx
@@ -7,6 +7,7 @@ import {
   Subtract,
 } from './types';
 import { Steppers } from './Steppers.component';
+import { Wrap } from '../../spacing';
 
 const StepperContext = createContext<StepperContextType | null>(null);
 
@@ -63,15 +64,17 @@ export const Stepper = <T extends any[]>({
 
   return (
     <StepperContext.Provider value={{ next, prev }}>
-      <Steppers
-        activeStep={currentStep}
-        steps={steps.map((step) => {
-          return {
-            title: step.label,
-          };
-        })}
-      />
-      <Component {...stepProps} />
+      <Wrap>
+        <Steppers
+          activeStep={currentStep}
+          steps={steps.map((step) => {
+            return {
+              title: step.label,
+            };
+          })}
+        />
+        <Component {...stepProps} />
+      </Wrap>
     </StepperContext.Provider>
   );
 };