fix(overview): remove vertical scroll and white space

src/pages/ValidatorOnboarding/Overview/Overview.tsx

@@ -12,12 +12,10 @@ const Overview = () => {
       imgHeight="250%"
       rightImageSrc="./background-images/sync-status-background.png"
     >
-      <YStack space={'$4'} width="100%">
-        <Stack marginBottom={'$2'}>
-          <Text size={27} weight={'semibold'}>
-            Overview
-          </Text>
-        </Stack>
+      <YStack space={'$2'} width="100%">
+        <Text size={27} weight={'semibold'}>
+          Overview
+        </Text>
         <Text size={19}>
           Becoming a validator is a big responsibility with important
           preparation steps. Only start the deposit process when you're ready.
@@ -36,7 +34,7 @@ const Overview = () => {
           text="Learn More"
           to={'/'}
           arrowRight={true}
-          style={{ marginBottom: '1.5rem', fontSize: '13px' }}
+          style={{ marginBottom: '1rem', fontSize: '13px' }}
         />
       </YStack>
       <div className={styles.overviewCards}>

src/pages/ValidatorOnboarding/Overview/overviewLayout.module.css

@@ -8,7 +8,7 @@
 .overviewCard {
   border-radius: 16px;
   border: 1px solid rgba(0, 0, 0, 0.15);
-  padding: 12px 16px;
+  padding: 10px 12px;
   background-color: #fff;
 }
 

src/pages/ValidatorOnboarding/Overview/validatorLayout.module.css

@@ -25,14 +25,14 @@
   display: flex;
   flex-wrap: wrap;
   height: 100%;
-  padding-left: 2rem;
+  padding-left: 1.5rem;
 }
 .container-inner {
   max-width: 70%;
   flex: 1 0 70%;
   display: flex;
   flex-direction: column;
-  padding: 1.5rem 0;
+  padding: 1rem 0;
 }
 .content {
   flex-grow: 1;
@@ -54,7 +54,7 @@
 .image-container::before {
   display: block;
   content: '';
-  padding-bottom: 100%;
+  padding-bottom: 60%;
 }
 .image-container::after {
   display: block;