From b5f48da0d963968f46dd32a63455fd4b8b0ca0e1 Mon Sep 17 00:00:00 2001
From: Sevi-py <dsev334@gmail.com>
Date: Tue, 15 Apr 2025 16:39:15 +0200
Subject: [PATCH] fix X button visibilty

---
 frontend/src/components/ui/input.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ui/input.tsx b/frontend/src/components/ui/input.tsx
index 35bbd7b..21775a7 100644
--- a/frontend/src/components/ui/input.tsx
+++ b/frontend/src/components/ui/input.tsx
@@ -21,10 +21,11 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
         {value && (
           <button
             type="button"
-            className="absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
+            className="absolute right-3 top-1/2 -translate-y-1/2 text-slate-300 hover:text-white p-1 rounded-md hover:bg-slate-600 transition-colors"
+            style={{ backgroundColor: 'rgba(38, 50, 70, 1)' }}
             onClick={() => onChange?.({ target: { value: "" } } as React.ChangeEvent<HTMLInputElement>)}
           >
-            <X className="h-4 w-4" />
+            <X className="h-5 w-5" style={{ color: 'white' }} />
           </button>
         )}
       </div>