fix: small size tweaks for Overview

src/pages/ValidatorOnboarding/Overview/Overview.tsx

@@ -1,5 +1,6 @@
 import { Text as TextTam, XStack, YStack } from 'tamagui'
 import { Text } from '@status-im/components'
+
 import OverviewCard from './OverviewCard'
 import LinkWithArrow from '../../../components/General/LinkWithArrow'
 
@@ -7,7 +8,7 @@ const Overview = () => {
   return (
     <>
       <YStack className="layout-left" space={'$5'} style={{ padding: '16px 32px' }}>
-        <TextTam fontSize={27} fontWeight={'600'} style={{ marginBottom: '5px' }}>
+        <TextTam fontSize={27} fontWeight={'600'}>
           Overview
         </TextTam>
         <Text size={27}>
@@ -23,8 +24,13 @@ const Overview = () => {
           by proof-of-stake validators. By running a validator, you'll be helping to secure the
           Ethereum network.
         </Text>
-        <LinkWithArrow text="Learn more" to={'/'} arrowRight={true} style={{ margin: '2% 0 4%' }} />
-        <XStack space={'$5'}>
+        <LinkWithArrow
+          text="Learn more"
+          to={'/'}
+          arrowRight={true}
+          style={{ marginBottom: '1%' }}
+        />
+        <XStack space={'$3'}>
           <OverviewCard text={'Current APR'} value={'4.40%'} />
           <OverviewCard text={'Total ETH Staked'} value={'9,451,123'} />
           <OverviewCard text={'Estimated Activation Time'} value={'32 Days'} />

src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx

@@ -12,7 +12,7 @@ const OverviewCard = ({ text, value }: OverviewCardProps) => {
       style={{
         borderRadius: '16px',
         border: '1px solid rgba(0, 0, 0, 0.15)',
-        width: '45%',
+        width: '46%',
         padding: '12px 16px',
         backgroundColor: '#FFF',
       }}

src/pages/ValidatorOnboarding/layoutGradient.css

@@ -2,7 +2,7 @@
   position: absolute;
   top: 50%;
   left: 75%;
-  height: 230%;
+  height: 220%;
   width: auto;
 }