From 4196be475c5b787eff9976d5f97af15f417806d9 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 13 Oct 2023 14:44:52 +0300
Subject: [PATCH] fix: rec phase structure

---
 .../KeyGeneration/RecoveryPhrase.tsx          | 31 +++++++++----------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx
index f13ecc3a..44c8ebf3 100644
--- a/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx
@@ -51,25 +51,22 @@ const RecoveryPhrase = ({ isKeystoreFiles }: RecoveryPhraseProps) => {
           width: '100%',
         }}
       >
-        <YStack
-          space={'$2'}
-          style={{ filter: `blur(${isReveal ? '0px' : '4px'})`, cursor: 'pointer' }}
+        <XStack
+          style={{
+            display: 'grid',
+            gridTemplateColumns: 'repeat(6, 1fr)',
+            gap: '5px 0px',
+            filter: `blur(${isReveal ? '0px' : '4px'})`,
+            cursor: 'pointer',
+          }}
           onClick={copyRecoveryPhraseHandler}
         >
-          <XStack
-            style={{
-              display: 'grid',
-              gridTemplateColumns: 'repeat(6, 1fr)',
-              gap: '5px 0px',
-            }}
-          >
-            {generatedMnemonic.map((word, index) => (
-              <Text key={index} size={19} weight={'semibold'}>
-                {index + 1}. {word}
-              </Text>
-            ))}
-          </XStack>
-        </YStack>
+          {generatedMnemonic.map((word, index) => (
+            <Text key={index} size={19} weight={'semibold'}>
+              {index + 1}. {word}
+            </Text>
+          ))}
+        </XStack>
       </Stack>
       <Stack style={{ width: 'fit-content', marginBottom: '12px' }}>
         <Button onPress={revealHandler}>