From 100bf77f28c476a99dced3fce1ba76e2141a73a0 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 14 Feb 2024 10:40:50 +0200
Subject: [PATCH] refactor(overview-card): use status text and remove YStack

---
 .../Overview/OverviewCard.tsx                 | 24 +++++++------------
 1 file changed, 9 insertions(+), 15 deletions(-)

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