From 494e1d09b0aeb0fcade57a572b92372356b1b412 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Mon, 4 Sep 2023 10:59:15 +0300
Subject: [PATCH] feat: style inputs

---
 .../KeyGeneration/AutocompleteInput.css       | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.css b/src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.css
index 8af278db..b52da5ce 100644
--- a/src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.css
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/AutocompleteInput.css
@@ -3,9 +3,12 @@
   width: 100%;
 }
 
-input[type="text"],
-.suggestion-list {
+input[type="text"], .suggestion-list {
   box-sizing: border-box;
+  border: 1px solid #f7f8f9;
+  border-radius: 24px;
+  padding: 12px;
+  background-color: #f9f9f9;
   width: 100%;
 }
 
@@ -14,13 +17,13 @@ input[type="text"],
   z-index: 1000;
   max-height: 210px;
   overflow-y: scroll;
-  border: 1px solid #ccc;
+  border: 1px solid #f7f8f9;
   border-radius: 24px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  background-color: white;
+  background-color: #f7f8f9;
   padding: 10px;
   scrollbar-width: thin;
-  scrollbar-color: darkgrey transparent;
+  scrollbar-color: #f7f8f9 transparent;
 }
 
 .suggestion-item {
@@ -30,22 +33,18 @@ input[type="text"],
 }
 
 .suggestion-item:hover {
-  background-color: #f1f1f1;
+  background-color: #f1f2f4;
 }
 
 .suggestion-list::-webkit-scrollbar {
-  width: 4px;
+  width: 1px;
 }
 
 .suggestion-list::-webkit-scrollbar-thumb {
-  background-color: darkgrey;
+  background-color: #f1f2f4;
   border-radius: 2px;
 }
 
-.suggestion-list::-webkit-scrollbar-thumb:hover {
-  background-color: grey;
-}
-
 .suggestion-list::-webkit-scrollbar-track {
   background-color: transparent;
 }