From 7893aa69e412be8ca12f6430fb11e8105c4137ec Mon Sep 17 00:00:00 2001
From: Ivana Andersson <ivana.p.kostova@gmail.com>
Date: Thu, 7 Sep 2023 11:46:38 +0300
Subject: [PATCH] fix: some font sizes on client setup screen

---
 src/components/General/LinkWithArrow.tsx                   | 7 ++++++-
 src/pages/ValidatorOnboarding/ClientSetup/ClientSetup.tsx  | 2 +-
 src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx     | 6 +++---
 .../ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx  | 2 +-
 src/pages/ValidatorOnboarding/Overview/Overview.tsx        | 2 +-
 5 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/General/LinkWithArrow.tsx b/src/components/General/LinkWithArrow.tsx
index 0af2c251..e135f38c 100644
--- a/src/components/General/LinkWithArrow.tsx
+++ b/src/components/General/LinkWithArrow.tsx
@@ -38,7 +38,12 @@ const LinkWithArrow = ({
     >
       {arrowLeft && <ArrowLeftIcon size={20} color="#2A4CF4" />}
       <Link
-        style={{ color: textColor || '#2A4CF4', marginBottom: '2px', fontSize: '13px' }}
+        style={{
+          color: textColor || '#2A4CF4',
+          marginBottom: '2px',
+          fontSize: 'inherit',
+          fontWeight: 'inherit',
+        }}
         to={to}
       >
         {text}
diff --git a/src/pages/ValidatorOnboarding/ClientSetup/ClientSetup.tsx b/src/pages/ValidatorOnboarding/ClientSetup/ClientSetup.tsx
index 7bb27b05..5675f892 100644
--- a/src/pages/ValidatorOnboarding/ClientSetup/ClientSetup.tsx
+++ b/src/pages/ValidatorOnboarding/ClientSetup/ClientSetup.tsx
@@ -14,7 +14,7 @@ const ClientSetup = () => {
         text="Advanced Recovery Method"
         to={'/'}
         arrowRight={true}
-        style={{ marginBottom: '50px' }}
+        style={{ marginBottom: '50px', fontWeight: 'bold', fontSize: '15px' }}
       />
     </YStack>
   )
diff --git a/src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx b/src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx
index ecd792ea..c255cec9 100644
--- a/src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx
+++ b/src/pages/ValidatorOnboarding/ClientSetup/SetupRow.tsx
@@ -9,7 +9,7 @@ type SetupRowProps = {
 const SetupRow = ({ title }: SetupRowProps) => {
   return (
     <YStack space={'$4'}>
-      <Text size={27} weight={'semibold'}>
+      <Text size={19} weight={'semibold'}>
         {title}
       </Text>
       <XStack justifyContent={'space-between'} width={'80%'}>
@@ -20,7 +20,7 @@ const SetupRow = ({ title }: SetupRowProps) => {
           <StatusInput icon={<AddIcon size={16} />} />
         </Stack>
         <YStack space={'$2'}>
-          <Text size={19} weight={'semibold'} color="#09101C">
+          <Text size={15} weight={'semibold'} color="#09101C">
             ETH
           </Text>
           <Text size={27} weight={'semibold'} color="#09101C">
@@ -29,7 +29,7 @@ const SetupRow = ({ title }: SetupRowProps) => {
         </YStack>
         <YStack space={'$2'}>
           <XStack style={{ justifyContent: 'space-between' }}>
-            <Text size={19} weight={'semibold'} color="#09101C">
+            <Text size={15} weight={'semibold'} color="#09101C">
               USD
             </Text>
             <ChevronDownIcon size={16} color={'#919191'} />
diff --git a/src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx b/src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx
index 10a8a340..be9c7538 100644
--- a/src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx
+++ b/src/pages/ValidatorOnboarding/ClientSetup/WithdrawalAddress.tsx
@@ -9,7 +9,7 @@ type WithdrawalAddressProps = {
 const WithdrawalAddress = ({ title }: WithdrawalAddressProps) => {
   return (
     <YStack space={'$4'}>
-      <Text size={27} weight={'semibold'}>
+      <Text size={19} weight={'semibold'}>
         {title}
       </Text>
       <YStack space={'$3'}>
diff --git a/src/pages/ValidatorOnboarding/Overview/Overview.tsx b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
index a00f5dac..7f32491f 100644
--- a/src/pages/ValidatorOnboarding/Overview/Overview.tsx
+++ b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
@@ -28,7 +28,7 @@ const Overview = () => {
           text="Learn More"
           to={'/'}
           arrowRight={true}
-          style={{ marginBottom: '1%' }}
+          style={{ marginBottom: '1%', fontSize: '13px' }}
         />
         <XStack space={'$3'}>
           <OverviewCard text={'Current APR'} value={'4.40%'} />