From 4014c0352deffe7c173cd37178dddfc83d4e9488 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 14 Feb 2024 12:05:47 +0200
Subject: [PATCH] feat(overview): change width of overview container for screen
 widths

---
 src/pages/ValidatorOnboarding/Overview/Overview.tsx         | 2 +-
 .../ValidatorOnboarding/Overview/overviewLayout.module.css  | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

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 {