diff --git a/src/components/content/global/Footer.astro b/src/components/content/global/Footer.astro
index 46d7c2a..073e527 100644
--- a/src/components/content/global/Footer.astro
+++ b/src/components/content/global/Footer.astro
@@ -11,7 +11,7 @@ const links: NavItem[] = [{ text: 'site credits', link: '/credits' }]
 ---
 
 <section>
-    <footer class={`flex ${paddingX} ${paddingY}`}>
+    <footer class={`flex bg-background-light ${paddingX} ${paddingY}`}>
         <span class="mr-auto">Copyright Ethan Reece</span>
         <nav>
             {
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
index c2e7131..7496e0e 100644
--- a/src/layouts/Base.astro
+++ b/src/layouts/Base.astro
@@ -23,10 +23,10 @@ import '@fontsource-variable/jetbrains-mono'
     <body class="min-h-screen w-screen font-main font-light text-font">
         <Background>
             <Navbar />
-            <main class="pt-navbar-h">
+            <main class="mb-auto pt-navbar-h">
                 <slot />
             </main>
+            <Footer class="mb-auto" />
         </Background>
-        <Footer />
     </body>
 </html>
diff --git a/src/layouts/properties/Background.astro b/src/layouts/properties/Background.astro
index f4d6521..02c6622 100644
--- a/src/layouts/properties/Background.astro
+++ b/src/layouts/properties/Background.astro
@@ -2,9 +2,9 @@
 const pattern = 'heropattern-circuitboard-pattern'
 ---
 
-<div class="bg-background">
+<div class="min-h-screen bg-background">
     <div
-        class={`h-full min-h-screen w-full bg-circuitboard bg-repeat ${pattern}`}
+        class={`flex min-h-screen w-full bg-circuitboard bg-repeat flex-col ${pattern}`}
     >
         <slot />
     </div>
diff --git a/src/pages/credits.mdx b/src/pages/credits.mdx
index cf0a17b..aa840d1 100644
--- a/src/pages/credits.mdx
+++ b/src/pages/credits.mdx
@@ -9,14 +9,14 @@ Runtime: Node.js
 
 Package management: pnpm
 
-CSS: Tailwind (with Astro extension)
+Layout: Tailwind CSS (with Astro extension)
 
 Font: JetBrains Mono (using Fontsource)
 
-Circuitboard Pattern: Hero Patterns
-
 Icons: Hero Icons (using Astro Icon)
 
+Circuitboard Pattern: Hero Patterns
+
 IDE: VSCodium
 
 Code formatting: Prettier, ESLint, Astro MDX
