From b38d7a47733b89856fc240ce22a6fe6840cfb684 Mon Sep 17 00:00:00 2001
From: d3v1l0n <d3v1l0n@outlook.in>
Date: Wed, 25 Dec 2024 06:32:37 +0530
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20style:=20add=20focus=20color?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/features/SearchBar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/features/SearchBar.tsx b/src/components/features/SearchBar.tsx
index 7672b53c..606ece3f 100644
--- a/src/components/features/SearchBar.tsx
+++ b/src/components/features/SearchBar.tsx
@@ -9,14 +9,14 @@ interface SearchBarProps {
 export function SearchBar({ value, onChange }: SearchBarProps) {
   return (
     <div className="relative">
-      <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-400" />
+      <Search className="absolute left-4 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-400 transition-all" />
       <input
         type="text"
         value={value}
         onChange={onChange}
         placeholder="Search tools..."
-        className="w-full pl-10 pr-4 py-2 bg-white/80 backdrop-blur-sm border border-gray-200 rounded-lg focus:ring-2 focus:ring-cornflower-blue focus:border-transparent outline-none"
+        className="w-full pl-12 pr-6 py-3 bg-white/80 backdrop-blur-sm border border-gray-200 rounded-lg focus:ring-2 focus:ring-cornflower-blue focus:border-cornflower-blue outline-none transition-all duration-300 ease-in-out hover:border-gray-300 hover:bg-white/90"
       />
     </div>
   );
-}
\ No newline at end of file
+}