From cd4afb5314340cc70b22f12be426c80df954e5a0 Mon Sep 17 00:00:00 2001
From: Shantur Rathore <i@shantur.com>
Date: Sun, 14 Dec 2025 12:31:26 +0000
Subject: [PATCH] Clamp phone shell horizontal overflow

---
 packages/ui/src/components/instance/instance-shell2.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/instance/instance-shell2.tsx b/packages/ui/src/components/instance/instance-shell2.tsx
index 125cdbb3..e090e551 100644
--- a/packages/ui/src/components/instance/instance-shell2.tsx
+++ b/packages/ui/src/components/instance/instance-shell2.tsx
@@ -690,7 +690,7 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
 
   const sessionLayout = (
     <div
-      class="session-shell-panels flex flex-col flex-1 min-h-0"
+      class="session-shell-panels flex flex-col flex-1 min-h-0 overflow-x-hidden"
       ref={(element) => {
         setDrawerHost(element)
         measureDrawerHost()
@@ -838,12 +838,12 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
         </Toolbar>
       </AppBar>
 
-      <Box sx={{ display: "flex", flex: 1, minHeight: 0 }}>
+      <Box sx={{ display: "flex", flex: 1, minHeight: 0, overflowX: "hidden" }}>
         {renderLeftPanel()}
 
         <Box
           component="main"
-          sx={{ flexGrow: 1, minHeight: 0, display: "flex", flexDirection: "column" }}
+          sx={{ flexGrow: 1, minHeight: 0, display: "flex", flexDirection: "column", overflowX: "hidden" }}
           class="content-area"
         >
           <Show