diff --git a/src/pages/blog/[id].astro b/src/pages/blog/[id].astro
index 2f8f11c..93a8d3c 100644
--- a/src/pages/blog/[id].astro
+++ b/src/pages/blog/[id].astro
@@ -14,9 +14,9 @@ const { post } = Astro.props;
 const { Content } = await render(post);
 ---
 
-<BaseLayout>
+<BaseLayout title={`${post.data.title} - Goldweaver's Abode`}>
     <div
-        class="border-glw-overlay0 flex min-h-screen w-[66vw] flex-col gap-2 border-r border-l border-dashed px-8 py-8 items-center"
+        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"
     >
         <Prose>
             <Content />
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index df0e0e5..5b701dc 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -7,7 +7,7 @@ const allBlogPosts = await getCollection("blog");
 console.log(allBlogPosts);
 ---
 
-<BaseLayout>
+<BaseLayout title="Blogs - Goldweaver's Abode">
     <div
         class="border-glw-overlay0 flex min-h-screen w-[66vw] flex-col gap-2 border-r border-l border-dashed px-8 py-4"
     >