From 95154094532013b92cf93d21713ec0ce876059b6 Mon Sep 17 00:00:00 2001
From: Kellar <kellar.base09@gmail.com>
Date: Mon, 10 Feb 2025 14:33:31 +0000
Subject: [PATCH] Adjust progress indicator alignment and font size

---
 src/components/DaoCreator/StepWrapper.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/DaoCreator/StepWrapper.tsx b/src/components/DaoCreator/StepWrapper.tsx
index aab1e2cd1..92bcd526f 100644
--- 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"