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
2025-07-08 23:37:24 +00:00
parent 27cd7c8496
commit 416b17cf69
1 changed files with 2 additions and 1 deletions
@@ -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"