From 243a19e7a9799e03bef2aa893526eec4af4b5be1 Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Tue, 22 Apr 2025 00:34:23 +0700
Subject: [PATCH] select component update

---
 frontend/libs/components/select/src/lib/select.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/libs/components/select/src/lib/select.tsx b/frontend/libs/components/select/src/lib/select.tsx
index def097f7fe..eeca266c05 100644
--- a/frontend/libs/components/select/src/lib/select.tsx
+++ b/frontend/libs/components/select/src/lib/select.tsx
@@ -37,7 +37,7 @@ export const Select = ({
           <>
             <ListboxButton
               id={id}
-              className="relative h-10 w-full cursor-pointer rounded-md bg-secondary py-2 pl-3 pr-10 text-left outline-none outline-offset-0 transition-all duration-150 ease-in-out sm:text-sm focus:!outline-none"
+              className="relative h-10 w-full cursor-pointer rounded-md bg-secondary py-2 pl-3 pr-10 text-left outline-none outline-offset-0 transition-all duration-150 ease-in-out sm:text-sm focus:!outline-none hover:bg-secondary hover:[filter:brightness(1.2)]"
             >
               <span
                 className={twMerge("block truncate", !value && "opacity-50")}
@@ -63,7 +63,7 @@ export const Select = ({
                     className={({ focus, selected }) =>
                       twMerge(
                         "relative cursor-pointer select-none py-2 pl-7 pr-2 text-white transition-all duration-150 ease-in-out",
-                        focus && "bg-white/5 text-white",
+                        focus && "bg-white/[8%] text-white",
                         selected && "bg-primary/40",
                         !selected && "text-white/90"
                       )