feat: style to remove scrollers

src/pages/ValidatorOnboarding/ClientSetup/ClientSetup.tsx

@@ -6,7 +6,7 @@ import LinkWithArrow from '../../../components/General/LinkWithArrow'
 
 const ClientSetup = () => {
   return (
-    <YStack padding={'26px'} width={'100%'} space={'$8'}>
+    <YStack padding={'26px'} width={'100%'} space={'$5'}>
       <SetupRow title={'Setup up Validators'} />
       <Separator borderColor={'#F0F2F5'} />
       <WithdrawalAddress title={'Withdrawal address'} />

src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase/AutocompleteInput.tsx

@@ -43,10 +43,12 @@ const AutocompleteInput = ({ index }: AutocompleteInputProps) => {
 
     if (mnemonicLength === 1) {
       dispatch(setWord({ index, word: value }))
+
       newValidWords[index] = wordlist.includes(value) || getNewSuggestions(value).length > 0
     } else if (mnemonicLength === 24) {
       dispatch(setMnemonic(mnemonic))
       dispatch(setIsCopyPastedPhrase(true))
+
       mnemonic.forEach((m, i) => {
         newValidWords[i] = wordlist.includes(m)
       })
@@ -56,6 +58,7 @@ const AutocompleteInput = ({ index }: AutocompleteInputProps) => {
         dispatch(setWord({ index: i, word: mnemonicWord }))
         newValidWords[i] = wordlist.includes(mnemonicWord)
       }
+
       dispatch(setIsCopyPastedPhrase(true))
     }
 
@@ -79,6 +82,7 @@ const AutocompleteInput = ({ index }: AutocompleteInputProps) => {
 
   const handleInputBlur = () => {
     setIsFocused(false)
+    
     let newValidWords = [...validWords]
     newValidWords[index] = wordlist.includes(word)
     dispatch(setValidWords(newValidWords))

src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase/ConfirmRecoveryPhrase.tsx

@@ -10,7 +10,7 @@ const ConfirmRecoveryPhrase = () => {
   const { validWords } = useSelector((state: RootState) => state.keyGeneration)
 
   return (
-    <YStack space={'$4'} style={{ width: '100%', marginTop: '20px' }}>
+    <YStack space={'$3'} style={{ width: '100%', marginTop: '20px' }}>
       <KeyGenerationTitle />
       <Text size={27}>Confirm Recovery Phrase</Text>
       <Stack

src/pages/ValidatorOnboarding/ValidatorSetup/ActivationValidatorSetup.tsx

@@ -39,7 +39,7 @@ const ActivationValidatorSetup = () => {
         <Stack style={styles.confettiContainer} width={'100%'} >
             {showConfetti && <Confetti style={styles.confettiCanvas} />}
             <YStack style={{ padding: '16px 32px' }}>
-                <YStack space={'$5'}>
+                <YStack space={'$3'}>
                     <Text size={27} weight={'semibold'}>
                         Activation
                     </Text>
@@ -77,7 +77,7 @@ const ActivationValidatorSetup = () => {
                     text="Skip to Dashboard"
                     to="/"
                     arrowLeft={true}
-                    style={{ marginTop: '44px', marginBottom: '88px' }}
+                    style={{ marginTop: '88px' }}
                 />
             </YStack>
         </Stack>

src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup.tsx

@@ -43,7 +43,7 @@ const ValidatorSetup = () => {
       <LinkWithArrow
         to="/"
         text="View Execution client comparison chart"
-        style={{ marginTop: '6%' }}
+        style={{ marginTop: '3%' }}
       />
     </YStack>
   )