From 622a0d1aab443a1b02ea75d09993a768b3e6fdf4 Mon Sep 17 00:00:00 2001
From: Roger Chappel <miscanalysis@gmail.com>
Date: Sun, 24 May 2026 11:56:45 +1000
Subject: [PATCH] fix: layer style modal above immersive mode

---
 src/components/voice-select-modal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/voice-select-modal.tsx b/src/components/voice-select-modal.tsx
index 50e9bf3..ece6d42 100644
--- a/src/components/voice-select-modal.tsx
+++ b/src/components/voice-select-modal.tsx
@@ -233,7 +233,7 @@ export function VoiceSelectModal({
   const selectedKey = current.provider && current.voiceId ? `${current.provider}:${current.voiceId}` : "";
 
   return (
-    <div className="fixed inset-0 z-[120] flex items-end justify-center bg-black/70 p-3 pt-[max(0.75rem,env(safe-area-inset-top))] pb-[max(0.75rem,env(safe-area-inset-bottom))] backdrop-blur-sm sm:items-center sm:p-4" onClick={onClose}>
+    <div className="fixed inset-0 z-[200] flex items-end justify-center bg-black/70 p-3 pt-[max(0.75rem,env(safe-area-inset-top))] pb-[max(0.75rem,env(safe-area-inset-bottom))] backdrop-blur-sm sm:items-center sm:p-4" onClick={onClose}>
       <div
         className="flex max-h-[calc(100dvh-env(safe-area-inset-top)-env(safe-area-inset-bottom)-1.5rem)] w-full max-w-2xl flex-col overflow-hidden rounded-2xl border border-[var(--border-medium)] bg-[var(--bg-primary)] shadow-2xl sm:max-h-[86vh]"
         onClick={(event) => event.stopPropagation()}