From 6453765c6b203b1276f4de8a8bb50e1d82616425 Mon Sep 17 00:00:00 2001
From: Ishaan Gupta <ishaankone@gmail.com>
Date: Tue, 2 Jun 2026 20:15:02 +0530
Subject: [PATCH] Fix chat dropdown overlay layering

---
 apps/web/components/chat/model-selector.tsx     | 4 ++--
 apps/web/components/chat/reasoning-selector.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/components/chat/model-selector.tsx b/apps/web/components/chat/model-selector.tsx
index eca350b2..8e2236b3 100644
--- a/apps/web/components/chat/model-selector.tsx
+++ b/apps/web/components/chat/model-selector.tsx
@@ -98,7 +98,7 @@ export default function ChatModelSelector({
 			ref={containerRef}
 			className={cn(
 				"relative flex min-w-0 shrink items-center gap-2",
-				isOpen ? "z-[100]" : "z-10",
+				isOpen ? "z-[1000]" : "z-10",
 			)}
 		>
 			{trigger}
@@ -106,7 +106,7 @@ export default function ChatModelSelector({
 			{isOpen && (
 				<div
 					className={cn(
-						"absolute left-0 z-[100] w-[min(18rem,calc(100vw-2rem))] overflow-hidden rounded-xl border border-white/15 bg-black p-1 shadow-[0_18px_48px_rgba(0,0,0,0.55)]",
+						"isolate absolute left-0 z-[1000] w-[min(18rem,calc(100vw-2rem))] overflow-hidden rounded-xl border border-white/15 bg-black p-1 shadow-[0_18px_48px_rgba(0,0,0,0.55)]",
 						dropdownDirection === "up" ? "bottom-full mb-2" : "top-full mt-2",
 					)}
 				>
diff --git a/apps/web/components/chat/reasoning-selector.tsx b/apps/web/components/chat/reasoning-selector.tsx
index 7eed41fd..8c9c941f 100644
--- a/apps/web/components/chat/reasoning-selector.tsx
+++ b/apps/web/components/chat/reasoning-selector.tsx
@@ -59,7 +59,7 @@ export function ReasoningSelector({
 			ref={containerRef}
 			className={cn(
 				"relative flex shrink-0 items-center",
-				isOpen ? "z-[100]" : "z-10",
+				isOpen ? "z-[1000]" : "z-10",
 			)}
 		>
 			<button
@@ -93,7 +93,7 @@ export function ReasoningSelector({
 			{isOpen && (
 				<div
 					className={cn(
-						"absolute left-0 z-[100] w-[min(14rem,calc(100vw-2rem))] overflow-hidden rounded-xl border border-white/15 bg-black p-1 shadow-[0_18px_48px_rgba(0,0,0,0.55)]",
+						"isolate absolute left-0 z-[1000] w-[min(14rem,calc(100vw-2rem))] overflow-hidden rounded-xl border border-white/15 bg-black p-1 shadow-[0_18px_48px_rgba(0,0,0,0.55)]",
 						dropdownDirection === "up" ? "bottom-full mb-2" : "top-full mt-2",
 					)}
 				>