From a1340d42654683f09abccad76f6949f6795357c4 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 29 Aug 2023 13:29:10 +0300
Subject: [PATCH] feat: style words inputs

---
 .../KeyGeneration/ConfirmRecoveryPhrase.tsx           | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase.tsx b/src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase.tsx
index ae1fc28c..d7b226cc 100644
--- a/src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase.tsx
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase.tsx
@@ -16,7 +16,15 @@ const ConfirmRecoveryPhrase = () => {
     <YStack space={'$4'} style={{ width: '100%', marginTop: '20px' }}>
       <KeyGenerationTitle />
       <Text size={27}>Confirm Recovery Phrase</Text>
-      <Stack style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: '16px 16px' }}>
+      <Stack
+        style={{
+          display: 'grid',
+          gridTemplateColumns: 'repeat(4, 1fr)',
+          gap: '20px 40px',
+          width: '80%',
+          marginBottom: '20px',
+        }}
+      >
         {words.map((word, index) => (
           <Input
             key={index}
@@ -27,6 +35,7 @@ const ConfirmRecoveryPhrase = () => {
             }
             value={word}
             onChange={e => changeWordHandler(e, index)}
+            style={{ fontWeight: '600' }}
           />
         ))}
       </Stack>