diff --git a/astro/src/layouts/BaseLayout.astro b/astro/src/layouts/BaseLayout.astro
index 2ae0f44..07f7c74 100644
--- a/astro/src/layouts/BaseLayout.astro
+++ b/astro/src/layouts/BaseLayout.astro
@@ -30,7 +30,7 @@ const { title } = Astro.props;
       }
     </style>
   </head>
-  <body class="bg-gray-800 mx-auto max-w-7xl bg-gray px-6 py-8 font-plex text-gray-200">
+  <body class="mx-auto max-w-7xl bg-gray px-6 py-8 font-plex text-gray-200">
     <slot />
   </body>
 </html>
diff --git a/astro/src/pages/posts/[id].astro b/astro/src/pages/posts/[id].astro
index dd169c4..3022a3d 100644
--- a/astro/src/pages/posts/[id].astro
+++ b/astro/src/pages/posts/[id].astro
@@ -1,5 +1,5 @@
 ---
-import Layout from "@/layouts/Layout.astro";
+import BaseLayout from "@/layouts/BaseLayout.astro";
 import Content from "@/components/Content.astro";
 import type { Post } from "@/types";
 import { getPost, getPosts } from "@/utils/payload";
@@ -18,13 +18,13 @@ const post = id && (await getPost(id));
 
 {
   post ? (
-    <Layout title={`Astroad | ${post.title!}`}>
+    <BaseLayout title={`Astroad | ${post.title!}`}>
       <div class="space-y-3 my-3">
         <a href="/">BACK</a>
         <h1 class="font-bold text-5xl" transition:name=`title-${post.id}`>{post.title}</h1>
         {post.content && <Content content={post.content} />}
       </div>
-    </Layout>
+    </BaseLayout>
   ) : (
     <div>404</div>
   )
diff --git a/astro/src/styles/global.css b/astro/src/styles/global.css
index e5b7c67..a5dd537 100644
--- a/astro/src/styles/global.css
+++ b/astro/src/styles/global.css
@@ -71,6 +71,6 @@
     @apply border-border;
   }
   body {
-    @apply bg-background text-foreground;
+    @apply bg-gray-800 text-foreground;
   }
 }
\ No newline at end of file
diff --git a/astro/tailwind.config.cjs b/astro/tailwind.config.cjs
index 155e1e6..754d795 100644
--- a/astro/tailwind.config.cjs
+++ b/astro/tailwind.config.cjs
@@ -3,6 +3,7 @@ module.exports = {
   darkMode: ["class"],
   content: [
     './src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}',
+    './styles/**/*.{css}',
     './pages/**/*.{ts,tsx}',
     './components/**/*.{ts,tsx}',
     './app/**/*.{ts,tsx}',
