From 416b17cf69cb6b6ff5f188322986422fc44919b1 Mon Sep 17 00:00:00 2001 From: abhix4 Date: Wed, 9 Jul 2025 05:07:24 +0530 Subject: [PATCH] fix: center align dropdown indicator when menu is open (#22262) * fix: vertical misalignment of dropdown indicator icon in select * fix: vertical misalignment of dropdown indicator icon in select --- packages/ui/components/form/select/Select.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/ui/components/form/select/Select.tsx b/packages/ui/components/form/select/Select.tsx index 0365fa4ba7..d044817fde 100644 --- a/packages/ui/components/form/select/Select.tsx +++ b/packages/ui/components/form/select/Select.tsx @@ -67,7 +67,7 @@ export const Select = < innerClassNames?.option ), placeholder: (state) => cx("text-muted", state.isFocused && variant !== "checkbox" && "hidden"), - dropdownIndicator: () => cx("text-default w-4 h-4"), + dropdownIndicator: () => cx("text-default", "w-4 h-4", "flex items-center justify-center "), control: (state) => cx( inputStyles({ size }), @@ -106,6 +106,7 @@ export const Select = < ), indicatorsContainer: (state) => cx( + "flex items-center justify-center mt-0.5", state.selectProps.menuIsOpen ? hasMultiLastIcons ? "[&>*:last-child]:rotate-180 [&>*:last-child]:transition-transform [&>*:last-child]:w-4 [&>*:last-child]:h-4"