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"