diff --git a/site/src/layouts/Base.astro b/site/src/layouts/Base.astro
index ec2e640f..85d5d75b 100644
--- a/site/src/layouts/Base.astro
+++ b/site/src/layouts/Base.astro
@@ -80,7 +80,8 @@ const fullTitle = Array.isArray(title)
   <body
     class:list={[
       'relative',
-      'font-sans antialiased text-pretty text-base text-dark-100 dark:text-light-100',
+      'font-sans antialiased text-pretty text-base',
+      'bg-light-80 dark:bg-dark-100 text-dark-100 dark:text-light-100',
       'min-w-80',
       '[--nav-h:calc(var(--spacing)*13)] sm:[--nav-h:calc(var(--spacing)*14)]',
       'selection:bg-yellow selection:text-dark-100',
