diff --git a/src/pages/ValidatorOnboarding/Overview/Overview.tsx b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
index d9e432cd..f96caa19 100644
--- a/src/pages/ValidatorOnboarding/Overview/Overview.tsx
+++ b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
@@ -4,7 +4,7 @@ import { Text } from '@status-im/components'
 import OverviewCard from './OverviewCard'
 import LinkWithArrow from '../../../components/General/LinkWithArrow'
 import OverviewWrapper from './OverviewWrapper'
-
+import './overviewLayout.css'
 const Overview = () => {
   return (
     <>
@@ -37,7 +37,7 @@ const Overview = () => {
               style={{ marginBottom: '1%', fontSize: '13px' }}
             />
           </YStack>
-          <XStack space={'$3'}>
+          <XStack space={'$3'}  className='overview-cards'>
             <OverviewCard text={'Current APR'} value={'4.40%'} />
             <OverviewCard text={'Total ETH Staked'} value={'9,451,123'} />
             <OverviewCard text={'Estimated Activation Time'} value={'32 Days'} />