Merge pull request #2724 from decentdao/eng-88-create-dao-progress-in…

…dicator Adjust progress indicator alignment and font size
decentdao · Feb 10, 2025 · 3551cf8 · 3551cf8
2 parents 1b937b6 + 9515409
commit 3551cf8
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/DaoCreator/StepWrapper.tsx b/src/components/DaoCreator/StepWrapper.tsx
@@ -25,12 +25,13 @@ function Step({ index, stepNumber, label }: { index: number; stepNumber: number;
     <Box width="100%">
       <Box
         height="4px"
-        bg={stepNumber === index ? 'lilac-0' : 'neutral-6'}
+        bg={stepNumber >= index ? 'lilac-0' : 'neutral-6'}
         borderRadius="full"
-      ></Box>
+      />
       <Text
         mx="0.25rem"
         mt="0.5rem"
+        textStyle="labels-large"
         color={stepNumber === index ? 'white-0' : 'neutral-6'}
       >
         {index}. {label}
@@ -111,7 +112,7 @@ export function StepWrapper({
       )}
       <Flex
         justifyContent="space-between"
-        alignItems="center"
+        alignItems="flex-start"
         width="100%"
         mb="2rem"
         gap="0.25rem"