From 02096bcee6a318867a0a97abfe8b66f6efce9e17 Mon Sep 17 00:00:00 2001
From: Lukas <lukas.richter@maibornwolff.de>
Date: Mon, 16 Mar 2026 11:50:59 +0100
Subject: [PATCH] Fix bottom bar clipping on hosted deployment

Use h-dvh (100dvh) instead of h-screen (100vh) so the layout
accounts for browser chrome (address bar, bottom toolbar).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 apps/web/src/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/App.tsx b/apps/web/src/App.tsx
index db1a107..6988b24 100644
--- a/apps/web/src/App.tsx
+++ b/apps/web/src/App.tsx
@@ -196,7 +196,7 @@ export function App() {
 	}, []);
 
 	return (
-		<div className="flex h-screen flex-col">
+		<div className="flex h-dvh flex-col">
 			<div className="relative mx-auto flex min-h-0 w-full max-w-2xl flex-1 flex-col gap-3 px-4">
 				{!!actionBarAnim.showTopBar && (
 					<div