From c8e136d9ad830afec6002a50768927c7449efe47 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Tue, 15 Aug 2023 10:44:54 +0300
Subject: [PATCH] Style cards

---
 src/components/SyncStatusCardConsensus.tsx | 9 +++++----
 src/components/SyncStatusCardExecution.tsx | 9 +++++----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/SyncStatusCardConsensus.tsx b/src/components/SyncStatusCardConsensus.tsx
index a26ca655..83bc2ab3 100644
--- a/src/components/SyncStatusCardConsensus.tsx
+++ b/src/components/SyncStatusCardConsensus.tsx
@@ -1,5 +1,5 @@
 import IconText from './IconText'
-import { Separator, XStack, YStack } from 'tamagui'
+import { Separator, Stack, XStack, YStack } from 'tamagui'
 import StandardGauge from './StandardGauge'
 import { Shadow, Text } from '@status-im/components'
 import Icon from './Icon'
@@ -32,7 +32,7 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
       variant="$2"
       style={{
         width: '632px',
-        height: '155px',
+        height: 'auto',
         borderRadius: '16px',
       }}
     >
@@ -42,9 +42,10 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
           style={{
             padding: '8px 16px',
             position: 'relative',
+            height: '155px',
           }}
         >
-          <div
+          <Stack
             style={{
               position: 'absolute',
               right: '44px',
@@ -53,7 +54,7 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
             }}
           >
             <StandardGauge data={data()} />
-          </div>
+          </Stack>
           <YStack space={'$3'}>
             <Text size={13} color="#09101C" weight={'semibold'}>
               Execution Client
diff --git a/src/components/SyncStatusCardExecution.tsx b/src/components/SyncStatusCardExecution.tsx
index ed32e8ee..b1d4d042 100644
--- a/src/components/SyncStatusCardExecution.tsx
+++ b/src/components/SyncStatusCardExecution.tsx
@@ -1,5 +1,5 @@
 import IconText from './IconText'
-import { Paragraph, Separator, XStack, YStack } from 'tamagui'
+import { Paragraph, Separator, Stack, XStack, YStack } from 'tamagui'
 import StandardGauge from './StandardGauge'
 import { Shadow, Text } from '@status-im/components'
 interface DeviceStorageHealthProps {
@@ -31,7 +31,7 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
       variant="$2"
       style={{
         width: '632px',
-        height: '155px',
+        height: 'auto',
         borderRadius: '16px',
       }}
     >
@@ -41,9 +41,10 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
           style={{
             padding: '8px 16px',
             position: 'relative',
+            height:'155px'
           }}
         >
-          <div
+          <Stack
             style={{
               position: 'absolute',
               right: '44px',
@@ -52,7 +53,7 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
             }}
           >
             <StandardGauge data={data()} />
-          </div>
+          </Stack>
           <YStack space={'$3'}>
             <Text size={13} color="#09101C" weight={'semibold'}>
               Execution Client