diff --git a/packages/web/src/components/layout/MobileChatScreen.tsx b/packages/web/src/components/layout/MobileChatScreen.tsx
index 12d4057a..49e705f2 100644
--- a/packages/web/src/components/layout/MobileChatScreen.tsx
+++ b/packages/web/src/components/layout/MobileChatScreen.tsx
@@ -74,7 +74,7 @@ export function MobileChatScreen({ params }: MobileChatScreenProps) {
       </header>
 
       {/* Messages */}
-      <div className="flex-1 overflow-hidden">
+      <div className="flex-1 overflow-hidden min-h-0">
         {channelId && <MessageList channelId={channelId} />}
       </div>
 
diff --git a/packages/web/src/components/layout/MobileScreenStack.tsx b/packages/web/src/components/layout/MobileScreenStack.tsx
index 0f0de678..3b08d788 100644
--- a/packages/web/src/components/layout/MobileScreenStack.tsx
+++ b/packages/web/src/components/layout/MobileScreenStack.tsx
@@ -63,7 +63,7 @@ export function MobileScreenStack({ rootScreen, screenMap }: MobileScreenStackPr
         if (!renderer) return null;
 
         let style: React.CSSProperties = {};
-        let className = 'absolute inset-0 bg-surface-base z-10 flex flex-col';
+        let className = 'absolute inset-0 bg-surface-base z-10 flex flex-col overflow-hidden';
 
         if (isTop && transitioning === 'push') {
           // Initial position: off-screen right