fix: some font sizes on client setup screen

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}

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>
   )

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'} />

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'}>

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%'} />