fix(select): add border color on trigger focus (#75)

checkmarble · Aug 17, 2023 · 0398603 · 0398603
2 parents 898ca5a + fbf1ba4
commit 0398603
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/ui-design-system/src/Select/Select.tsx b/packages/ui-design-system/src/Select/Select.tsx
@@ -73,7 +73,7 @@ const SelectTrigger = forwardRef<HTMLButtonElement, SelectTriggerProps>(
         ref={ref}
         className={clsx(
           'bg-grey-00 border-grey-10 text-s text-grey-100 group flex h-10 items-center justify-between border font-medium outline-none',
-          'radix-state-open:border-purple-100 radix-state-open:text-purple-100',
+          'radix-state-open:border-purple-100 radix-state-open:text-purple-100 focus:border-purple-100',
           'radix-disabled:border-grey-10 radix-disabled:bg-grey-05 radix-disabled:text-grey-50',
           {
             'rounded px-2': border === 'square',