From 855ce862aac73c3528f775e17c42f6e9b5af877d Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 16 Aug 2023 13:50:22 +0300
Subject: [PATCH] fix: update width to the sync cards

---
 src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx        | 3 +--
 src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx | 2 +-
 src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx b/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx
index d60f4119..f0c8023b 100644
--- a/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx
+++ b/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx
@@ -32,7 +32,6 @@ const DeviceSyncStatus = () => {
         style={{
           justifyContent: 'end',
           alignItems: 'start',
-          marginBottom: '2rem',
           maxWidth: '100%',
         }}
       >
@@ -41,7 +40,7 @@ const DeviceSyncStatus = () => {
           title="Sync Status"
           subtitle="Monitor your Validator Client and Beacon Node syncing progression."
         />
-        <YStack>
+        <YStack style={{ width: '100%' }}>
           <SyncStatusCardExecution synced={132432} total={200000} />
           <SyncStatusCardConsensus synced={149500} total={160000} />
         </YStack>
diff --git a/src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx b/src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx
index d21f5ef0..6d89a1d4 100644
--- a/src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx
+++ b/src/pages/DeviceSyncStatus/SyncStatusCardConsensus.tsx
@@ -35,7 +35,7 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
     <Shadow
       variant="$2"
       style={{
-        width: '632px',
+        width: '100%',
         borderRadius: '16px',
         borderTopLeftRadius: '0px',
         borderTopRightRadius: '0px',
diff --git a/src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx b/src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx
index 355ecd19..fc8e5588 100644
--- a/src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx
+++ b/src/pages/DeviceSyncStatus/SyncStatusCardExecution.tsx
@@ -34,7 +34,7 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
     <Shadow
       variant="$2"
       style={{
-        width: '632px',
+        width: '100%',
         borderRadius: '16px',
         borderBottomRightRadius: '0px',
         borderBottomLeftRadius: '0px',