From 97e498dbeb1844fb6b4779745a3057a37c39fa65 Mon Sep 17 00:00:00 2001
From: Tristan Foureur <tristan.foureur@gmail.com>
Date: Tue, 25 May 2021 01:59:06 +0200
Subject: [PATCH] fix: handle rare case with duplicates in mnemonic validation

---
 src/app/components/MnemonicValidation/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/components/MnemonicValidation/index.tsx b/src/app/components/MnemonicValidation/index.tsx
index c3ded5857e..4504b0d712 100644
--- a/src/app/components/MnemonicValidation/index.tsx
+++ b/src/app/components/MnemonicValidation/index.tsx
@@ -81,16 +81,16 @@ export function MnemonicValidation({ validMnemonic, successHandler, abortHandler
               )}
             </Text>
             <Grid columns={size !== 'small' ? 'small' : '100%'} gap="small">
-              {choices.map(w => (
+              {choices.map((w, i) => (
                 <Button
                   label={w}
                   style={{ borderRadius: '4px' }}
                   onClick={() => wordClicked(w)}
-                  key={`${currentStep}-${w}`}
+                  key={`${currentStep}-${i}-${w}`}
                 />
               ))}
             </Grid>
-            <Box align="end" pad={{ top: 'medium' }}>
+            <Box align="end" pad={{ vertical: 'medium' }}>
               <Button
                 primary
                 style={{ borderRadius: '4px' }}