diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 84da11e..633e285 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -3,7 +3,7 @@ import { SITE } from "@/consts";
 import Container from "@/components/Container.astro";
 ---
 
-<footer class="relative bg-white dark:bg-black">
+<footer class="relative mt-auto bg-white dark:bg-black">
   <section
     class="overflow-hidden border-t border-black/25 py-3 dark:border-white/25"
   >
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 88f4d64..eb714e2 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -16,7 +16,7 @@ import { SITE } from "@/consts";
   <head>
     <BaseHead title={`${title} - ${SITE.TITLE}`} description={description} />
   </head>
-  <body>
+  <body class="flex min-h-screen flex-col">
     <Boxes client:load />
     <Starry
       client:idle
@@ -28,10 +28,10 @@ import { SITE } from "@/consts";
       particleDensity={100}
       className="fixed inset-0 z-0"
     />
-    <div class="relative z-10">
+    <div class="relative z-10 flex min-h-screen flex-col">
       <Header />
       <Drawer />
-      <main>
+      <main class="flex-grow">
         <Container size="lg">
           <slot />
         </Container>
