diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 79cf7b3..2d297f8 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -37,9 +37,11 @@ onMount(() => {
 </script>
 
 <Tooltip.Provider>
-  <NavBar />
+  <div class="flex min-h-screen flex-col">
+    <NavBar />
 
-  <PageTransition key={transitionKey}>
-    {@render children()}
-  </PageTransition>
+    <PageTransition key={transitionKey}>
+      {@render children()}
+    </PageTransition>
+  </div>
 </Tooltip.Provider>
diff --git a/web/src/routes/login/+page.svelte b/web/src/routes/login/+page.svelte
index 1976d66..ef70560 100644
--- a/web/src/routes/login/+page.svelte
+++ b/web/src/routes/login/+page.svelte
@@ -3,7 +3,7 @@ import { authStore } from "$lib/auth.svelte";
 import { LogIn } from "@lucide/svelte";
 </script>
 
-<div class="flex min-h-screen items-center justify-center">
+<div class="flex flex-1 items-center justify-center pb-14">
   <div class="w-full max-w-sm space-y-6 text-center">
     <h1 class="text-3xl font-bold">Sign In</h1>
     <p class="text-muted-foreground">Sign in with your Discord account to continue.</p>