From a2cb529d627cee431b37098af8e2fe24b9c91957 Mon Sep 17 00:00:00 2001
From: Kartik Labhshetwar <kartik.labhshetwar@gmail.com>
Date: Tue, 23 Dec 2025 13:16:55 +0530
Subject: [PATCH] fix: update CommandInput styling for focus and transition
 (#26055)

---
 packages/ui/components/command/Command.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/components/command/Command.tsx b/packages/ui/components/command/Command.tsx
index 4d640e03b1..db7863d12c 100644
--- a/packages/ui/components/command/Command.tsx
+++ b/packages/ui/components/command/Command.tsx
@@ -43,7 +43,7 @@ const CommandInput = React.forwardRef<
     <CommandPrimitive.Input
       ref={ref}
       className={classNames(
-        "hover:border-emphasis border-default placeholder:text-muted text-emphasis disabled:hover:border-default disabled:bg-subtle focus:!border-subtle focus:!ring-brand-default flex h-[28px] w-full rounded-md border bg-transparent px-3 py-1.5 text-sm leading-4 outline-none focus:outline-none focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50",
+        "border-default hover:border-emphasis placeholder:text-muted text-emphasis disabled:hover:border-default disabled:bg-subtle focus:border-emphasis focus:ring-0 focus:shadow-outline-gray-focused shadow-outline-gray-rested transition-all flex h-[28px] w-full rounded-md border bg-transparent px-3 py-1.5 text-sm leading-4 outline-none focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
         className
       )}
       {...props}