From 5ac55b8be06ccb80c1976228409bf3981ac52b7a Mon Sep 17 00:00:00 2001
From: Aaron Po <apo2@uwo.ca>
Date: Tue, 13 Oct 2026 01:32:28 -0400
Subject: [PATCH] Let route content fill the viewport under the navbar

---
 web/frontend/app/root.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/frontend/app/root.tsx b/web/frontend/app/root.tsx
index 134b74c9..b408f833 100644
--- a/web/frontend/app/root.tsx
+++ b/web/frontend/app/root.tsx
@@ -63,12 +63,14 @@ export const Layout = ({ children }: { children: React.ReactNode }) => {
 const App = ({ loaderData }: Route.ComponentProps) => {
     const { auth } = loaderData;
     return (
-        <>
+        <div className="flex min-h-screen flex-col">
             <Navbar auth={auth} />
             <ToastProvider />
             <AiDisclosureDialog />
-            <Outlet />
-        </>
+            <div className="flex flex-1 flex-col">
+                <Outlet />
+            </div>
+        </div>
     );
 };