fix: Select component transition

brainstormforce · Nov 15, 2024 · f6bcde7 · f6bcde7
1 parent 7322063
commit f6bcde7
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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-200 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',