diff --git a/app/onboarding/page.tsx b/app/onboarding/page.tsx
index 49e93ac1..d5d36140 100644
--- a/app/onboarding/page.tsx
+++ b/app/onboarding/page.tsx
@@ -147,7 +147,7 @@ const ReviewPage = ({
             $color={COLORS.shrub}
             style={{
               textAlign: 'center',
-              marginTop: '90px',
+              marginTop: '40px',
               marginBottom: '40px',
             }}
           >
diff --git a/components/ProgressBar/index.tsx b/components/ProgressBar/index.tsx
index 3966c072..221958fe 100644
--- a/components/ProgressBar/index.tsx
+++ b/components/ProgressBar/index.tsx
@@ -3,7 +3,7 @@ import { BackgroundDiv, ProgressDiv } from './styles';
 export default function ProgressBar({ progress }: { progress: number }) {
   return (
     <BackgroundDiv>
-      <ProgressDiv width={progress} />
+      <ProgressDiv $width={progress} />
     </BackgroundDiv>
   );
 }
diff --git a/components/ProgressBar/styles.ts b/components/ProgressBar/styles.ts
index aec66ed0..51acb4ad 100644
--- a/components/ProgressBar/styles.ts
+++ b/components/ProgressBar/styles.ts
@@ -8,8 +8,8 @@ export const BackgroundDiv = styled.div`
   position: relative;
 `;
 
-export const ProgressDiv = styled.div<{ width: number }>`
-  width: ${props => props.width}%;
+export const ProgressDiv = styled.div<{ $width: number }>`
+  width: ${({ $width }) => $width}%;
   height: 0.375rem;
   border-radius: 3px;
   background-color: ${COLORS.shrub};