From dead55822fd433cb003f63ae094a25286dbeb7cb Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Fri, 15 Nov 2024 11:08:48 +0600
Subject: [PATCH] fix: Select component transition

---
 src/components/select/select.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/select/select.tsx b/src/components/select/select.tsx
index 5ad5bb5b..a99e98ed 100644
--- a/src/components/select/select.tsx
+++ b/src/components/select/select.tsx
@@ -214,7 +214,7 @@ export function SelectButton( {
 				id={ selectId }
 				ref={ refs.setReference }
 				className={ cn(
-					'flex items-center justify-between w-full box-border transition-colors duration-150 bg-white',
+					'flex items-center justify-between w-full box-border transition-[outline,background-color,color,box-shadow] duration-150 bg-white',
 					'outline outline-1 outline-field-border border-none cursor-pointer',
 					! isOpen &&
 						'focus:ring-2 focus:ring-offset-4 focus:outline-focus-border focus:ring-focus [&:hover:not(:focus):not(:disabled)]:outline-border-strong',