From 4f868791fdd92725433548a6f0f6bf991d5ff3ca Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Mon, 11 Sep 2023 09:26:58 +0300
Subject: [PATCH] fix: border of autocomplete

---
 .../KeyGeneration/ConfirmRecoveryPhrase/AutocompleteInput.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase/AutocompleteInput.tsx b/src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase/AutocompleteInput.tsx
index 491b4a27..d655b6dc 100644
--- a/src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase/AutocompleteInput.tsx
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase/AutocompleteInput.tsx
@@ -82,7 +82,7 @@ const AutocompleteInput = ({ index }: AutocompleteInputProps) => {
 
   const handleInputBlur = () => {
     setIsFocused(false)
-    
+
     let newValidWords = [...validWords]
     newValidWords[index] = wordlist.includes(word)
     dispatch(setValidWords(newValidWords))
@@ -123,7 +123,7 @@ const inputStyle = (index: number, isFocused: boolean, isValidWord: boolean) =>
   const style = {
     outline: 'none',
     padding: `12px 16px 12px ${index + 1 < 10 ? '35px' : '45px'}`,
-    border: isValidWord ? 'none' : '2px solid #E53E3E',
+    border: isValidWord ? '2px solid #f7f8f9' : '2px solid #E53E3E',
   }
 
   if (isFocused) {