From 77f99b636c15d8dfe92cd11ad4dccc4ee57cc128 Mon Sep 17 00:00:00 2001
From: Eesh Midha <72607015+eeshm@users.noreply.github.com>
Date: Mon, 29 Dec 2025 09:37:01 +0530
Subject: [PATCH] fix: add proper disabled-state styling to Select component
 (#25697)

* fix: add proper disabled-state styling to Select component using state.isDisabled

* chore: apply hover:border-subtle since disabled items are not clickable and only hover state should change the border
---
 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 ef87f20bff..689ab2e717 100644
--- a/packages/ui/components/form/select/Select.tsx
+++ b/packages/ui/components/form/select/Select.tsx
@@ -80,7 +80,7 @@ export const Select = <
               : size === "sm"
               ? "h-7 px-2 py-0.5"
               : "h-8 px-3 py-1",
-            props.isDisabled && "bg-subtle",
+            state.isDisabled && "bg-subtle !cursor-not-allowed !pointer-events-auto hover:border-subtle",
             "rounded-[10px]",
             "[&:focus-within]:border-emphasis [&:focus-within]:shadow-outline-gray-focused focus-within:ring-0 flex! **:[input]:leading-none text-sm",
             innerClassNames?.control