diff --git a/src/pages/ValidatorOnboarding/Overview/Overview.tsx b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
index 29d822bd..37f0ffe6 100644
--- a/src/pages/ValidatorOnboarding/Overview/Overview.tsx
+++ b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
@@ -12,7 +12,7 @@ const Overview = () => {
       imgHeight="200%"
       rightImageSrc="./background-images/sync-status-background.png"
     >
-      <YStack space={'$2'} width="100%">
+      <YStack space={'$3'} className={styles['overview-container']}>
         <Text size={27} weight={'semibold'}>
           Overview
         </Text>
diff --git a/src/pages/ValidatorOnboarding/Overview/overviewLayout.module.css b/src/pages/ValidatorOnboarding/Overview/overviewLayout.module.css
index 2c42289d..efb308de 100644
--- a/src/pages/ValidatorOnboarding/Overview/overviewLayout.module.css
+++ b/src/pages/ValidatorOnboarding/Overview/overviewLayout.module.css
@@ -1,3 +1,7 @@
+.overview-container {
+  width: 121%;
+}
+
 .overview-cards {
   display: flex;
   flex-wrap: wrap;
@@ -15,6 +19,8 @@
 }
 
 @media screen and (max-width: 1000px) {
+  .overview-container {
+    width: 100%;
   }
 
   .overview-cards {