diff --git a/packages/pancake-uikit/src/components/Stepper/Step.tsx b/packages/pancake-uikit/src/components/Stepper/Step.tsx
index 20a1c084f..8bce2ebb3 100644
--- a/packages/pancake-uikit/src/components/Stepper/Step.tsx
+++ b/packages/pancake-uikit/src/components/Stepper/Step.tsx
@@ -78,7 +78,7 @@ export const StepNumber = styled.div<StatusProps>`
 export const Step: React.FC<StepProps> = ({ index, status, numberOfSteps = 0, children }) => {
   const isIndexPair = index % 2 === 0;
   return (
-    <Flex mb={index < numberOfSteps - 1 ? "16px" : 0}>
+    <Flex justifyContent="center" mb={index < numberOfSteps - 1 ? "16px" : 0}>
       <ChildrenLeftWrapper isVisible={!isIndexPair}>{children}</ChildrenLeftWrapper>
       <Wrapper>
         <StepNumber status={status}>{index + 1}</StepNumber>