From e082481c79764840a1460259d6d15fd25f548586 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Mon, 22 Jan 2024 10:07:44 +0200
Subject: [PATCH] Update OverviewCard.tsx

---
 .../Overview/OverviewCard.tsx                 | 28 ++++++++++++-------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx b/src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx
index 059d93c2..6517d50c 100644
--- a/src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx
+++ b/src/pages/ValidatorOnboarding/Overview/OverviewCard.tsx
@@ -1,6 +1,5 @@
-import { YStack } from 'tamagui'
-import { Text } from '@status-im/components'
 import styles from './overviewLayout.module.css'
+import { Text, YStack } from 'tamagui'
 type OverviewCardProps = {
   text: string
   value: string
@@ -8,14 +7,23 @@ type OverviewCardProps = {
 
 const OverviewCard = ({ text, value }: OverviewCardProps) => {
   return (
-    <div className={styles.overviewCard}>
-      <Text size={15} weight={'semibold'}>
-        {text}
-      </Text>
-      <Text size={27} color="blue" weight={'semibold'}>
-        {value}
-      </Text>
-    </div>
+    <YStack>
+      <div className={styles.overviewCard}>
+        <Text
+          fontWeight={'500'}
+          style={{ display: 'block', marginBottom: '8px', fontSize: '15px' }}
+        >
+          {text}
+        </Text>
+        <Text
+          color="blue"
+          fontWeight={'500'}
+          style={{ display: 'block', marginBottom: '8px', fontSize: '27px' }}
+        >
+          {value}
+        </Text>
+      </div>
+    </YStack>
   )
 }