From 76a38950dec842bba3565b1c9eaa6341220acf98 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Fri, 20 Mar 2026 16:58:46 +0200
Subject: [PATCH] Fix mobile chat input below keyboard

---
 app/components/MobileNav.tsx                 | 3 +--
 app/components/layout/ChatSidebar.module.css | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/MobileNav.tsx b/app/components/MobileNav.tsx
index 7b9a377a8..dc3d94563 100644
--- a/app/components/MobileNav.tsx
+++ b/app/components/MobileNav.tsx
@@ -582,8 +582,7 @@ function ChatPanel({
 		>
 			<Modal
 				className={clsx(
-					styles.panel,
-					"scrollbar",
+					styles.menuOverlay,
 					skipAnimation && styles.noAnimation,
 				)}
 			>
diff --git a/app/components/layout/ChatSidebar.module.css b/app/components/layout/ChatSidebar.module.css
index b57b10a03..65f56537e 100644
--- a/app/components/layout/ChatSidebar.module.css
+++ b/app/components/layout/ChatSidebar.module.css
@@ -2,6 +2,7 @@
 	display: flex;
 	flex-direction: column;
 	height: 100%;
+	max-height: var(--visual-viewport-height);
 	overflow: hidden;
 }