From ee9a165f44b7614bb694973694cb76ab92827f84 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 1 Feb 2024 11:30:48 +0200
Subject: [PATCH] fix(recovery-phrase): length of array and item key

---
 .../KeyGeneration/RecoveryPhrase.tsx          | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx
index 80f9716a..a253dcb8 100644
--- a/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx
@@ -64,16 +64,21 @@ const RecoveryPhrase = ({ isKeystoreFiles }: RecoveryPhraseProps) => {
           }}
           className={styles['recovery-phrase']}
         >
-          {generatedMnemonic.map((word, index) => (
-            <XStack style={{ width: '100%' }} key={word}>
-              <Stack>
-                <Text
-                  key={index}
-                  size={19}
-                  weight={'semibold'}
-                  color="#0d162566"
-                >
-                  {index + 1}.&nbsp;
+          {generatedMnemonic.length === 24 &&
+            generatedMnemonic.map((word, index) => (
+              <XStack style={{ width: '100%' }} key={word + index}>
+                <Stack>
+                  <Text
+                    key={index}
+                    size={19}
+                    weight={'semibold'}
+                    color="#0d162566"
+                  >
+                    {index + 1}.&nbsp;
+                  </Text>
+                </Stack>
+                <Text key={index} size={19} weight={'semibold'}>
+                  {word}
                 </Text>
               </Stack>
               <Text key={index} size={19} weight={'semibold'}>