From fbaccc8e5f986e69bb331e5b0ebc1f03776b991c Mon Sep 17 00:00:00 2001
From: Kartik <103111467+kartik-212004@users.noreply.github.com>
Date: Wed, 13 Aug 2025 10:08:48 +0530
Subject: [PATCH] fix: prevent dropdown arrow from centering when Select height
 increases (#22877)

Co-authored-by: Kartik Saini <41051387+kart1ka@users.noreply.github.com>
---
 packages/ui/components/form/select/Select.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/components/form/select/Select.tsx b/packages/ui/components/form/select/Select.tsx
index d044817fde..bc8b629442 100644
--- a/packages/ui/components/form/select/Select.tsx
+++ b/packages/ui/components/form/select/Select.tsx
@@ -106,7 +106,7 @@ export const Select = <
           ),
         indicatorsContainer: (state) =>
           cx(
-            "flex items-center justify-center mt-0.5",
+            "flex !items-start justify-center mt-0.5 h-full",
             state.selectProps.menuIsOpen
               ? hasMultiLastIcons
                 ? "[&>*:last-child]:rotate-180 [&>*:last-child]:transition-transform [&>*:last-child]:w-4 [&>*:last-child]:h-4"