From 76d6f0a09d11476f4d6c656528d2349555408f97 Mon Sep 17 00:00:00 2001
From: janpeter visser <janpetervisser2@gmail.com>
Date: Sat, 25 Apr 2026 12:40:05 +0200
Subject: [PATCH] fix: nav en statusbar vast op top/bottom via h-screen layout

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/(app)/layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx
index 74777e9..fe06edd 100644
--- a/app/(app)/layout.tsx
+++ b/app/(app)/layout.tsx
@@ -14,13 +14,13 @@ export default async function AppLayout({ children }: { children: React.ReactNod
   }
 
   return (
-    <div className="min-h-screen bg-background flex flex-col">
+    <div className="h-screen bg-background flex flex-col overflow-hidden">
       <a href="#main-content" className="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-50 focus:px-4 focus:py-2 focus:bg-primary focus:text-primary-foreground focus:rounded-md focus:text-sm">
         Ga naar inhoud
       </a>
       <NavBar isDemo={session.isDemo} />
       <MinWidthBanner />
-      <main id="main-content" className="flex-1 flex flex-col overflow-hidden">
+      <main id="main-content" className="flex-1 flex flex-col overflow-y-auto min-h-0">
         {children}
       </main>
       <StatusBar />