diff --git a/src/pages/blog/[id].astro b/src/pages/blog/[id].astro
index 93a8d3c..059ece0 100644
--- a/src/pages/blog/[id].astro
+++ b/src/pages/blog/[id].astro
@@ -16,7 +16,7 @@ const { Content } = await render(post);
 
 <BaseLayout title={`${post.data.title} - Goldweaver's Abode`}>
     <div
-        class="border-glw-overlay0 flex min-h-screen w-[66vw] flex-col items-center gap-2 border-r border-l border-dashed px-8 py-8"
+        class="border-glw-overlay0 flex min-h-screen w-[66vw] flex-col items-center gap-2 border-r border-l border-dashed px-8 py-8 bg-glw-surface0"
     >
         <Prose>
             <Content />