From 980705fa9946c0edc9c7678eb81ed64c3c3b7998 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Tue, 15 Aug 2023 10:52:51 +0300
Subject: [PATCH] fix: Style pixel perfect

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

diff --git a/src/components/SyncStatusCardConsensus.tsx b/src/components/SyncStatusCardConsensus.tsx
index 83bc2ab3..edaae599 100644
--- a/src/components/SyncStatusCardConsensus.tsx
+++ b/src/components/SyncStatusCardConsensus.tsx
@@ -32,7 +32,6 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
       variant="$2"
       style={{
         width: '632px',
-        height: 'auto',
         borderRadius: '16px',
       }}
     >
@@ -56,10 +55,10 @@ const SyncStatusCardConsensus: React.FC<DeviceStorageHealthProps> = ({ synced, t
             <StandardGauge data={data()} />
           </Stack>
           <YStack space={'$3'}>
-            <Text size={13} color="#09101C" weight={'semibold'}>
+            <Text size={13} color="#84888e" weight={'semibold'}>
               Execution Client
             </Text>
-            <Icon src="/icons/vector.svg" height={46} width={93}></Icon>
+            <Icon src="/icons/vector.svg" height={46} width={93} marginTop={'30px'} />
           </YStack>
         </XStack>
 
diff --git a/src/components/SyncStatusCardExecution.tsx b/src/components/SyncStatusCardExecution.tsx
index b1d4d042..34a49f3c 100644
--- a/src/components/SyncStatusCardExecution.tsx
+++ b/src/components/SyncStatusCardExecution.tsx
@@ -31,7 +31,6 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
       variant="$2"
       style={{
         width: '632px',
-        height: 'auto',
         borderRadius: '16px',
       }}
     >
@@ -41,7 +40,7 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
           style={{
             padding: '8px 16px',
             position: 'relative',
-            height:'155px'
+            height: '155px',
           }}
         >
           <Stack
@@ -55,12 +54,12 @@ const SyncStatusCardExecution: React.FC<DeviceStorageHealthProps> = ({ synced, t
             <StandardGauge data={data()} />
           </Stack>
           <YStack space={'$3'}>
-            <Text size={13} color="#09101C" weight={'semibold'}>
+            <Text size={13} color="#84888e" weight={'semibold'}>
               Execution Client
             </Text>
-            <Paragraph color={'#09101C'} size={'$6'} fontWeight={'600'}>
+            <Text color={'#09101C'} size={27} weight={'semibold'}  marginTop={'30px'}>
               Geth
-            </Paragraph>
+            </Text>
           </YStack>
         </XStack>