fix: Stepper alignement (#69)

pancakeswap · Apr 12, 2021 · 25df26a · 25df26a
1 parent a9ffcfe
commit 25df26a
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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>