diff --git a/src/app.css b/src/app.css
index 3f57583..798e4e2 100644
--- a/src/app.css
+++ b/src/app.css
@@ -189,6 +189,7 @@
 
 :root {
   font-family: "Source Code Pro", monospace;
+  background-color: var(--color-base);
   transition-property: all;
   transition-timing-function: var(
     --tw-ease,
diff --git a/src/routes/contact.tsx b/src/routes/contact.tsx
index 1269ebe..57b7c39 100644
--- a/src/routes/contact.tsx
+++ b/src/routes/contact.tsx
@@ -196,7 +196,7 @@ export default function ContactPage() {
       <Title>Contact | Michael Freno</Title>
       <Meta name="description" content="Contact Me" />
 
-      <div class="flex min-h-screen w-full justify-center">
+      <div class="bg-base flex min-h-screen w-full justify-center">
         <div class="w-full max-w-4xl px-4 pt-[20vh]">
           <div class="text-center text-3xl tracking-widest">Contact</div>
           <Show when={viewer() !== "lineage"}>