diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index a91e838..dbdd357 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,7 +2,7 @@
   import "../app.css";
 </script>
 
-<div class="flex flex-col">
+<div class="flex flex-col min-h-screen">
   <div class="sticky top-0 text-4xl bg-orange-300 dark:bg-stone-800 dark:text-white p-2 h-16">
     <div class="flex items-center justify-between flex-row h-full">
       <div class="flex-1"><a href="/">󱥭󱥠</a></div>
@@ -10,7 +10,7 @@
       <div class="flex-1"></div>
     </div>
   </div>
-  <div class="grow">
+  <div class="grow flex flex-col">
     <slot />
   </div>
 </div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 84f0d05..8753742 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -59,7 +59,7 @@
     <meta property="theme-color" content="#F97316" />
 </svelte:head>
 
-<div class="flex bg-orange-200 dark:bg-stone-950">
+<div class="grow flex bg-orange-200 dark:bg-stone-950">
   <div class="md:h-full {viewingSidebar ? "" : "max-w-96 h-full sticky top-20"} text-xl bg-orange-200 dark:bg-stone-950 dark:text-white {viewingSidebar ? "fixed bottom-0 left-0 right-0 pb-16" : "hidden"} md:block p-4 space-y-4">
     <div>
       <div class="font-bold">lipu lawa</div>