diff --git a/src/layouts/AboutLayout.astro b/src/layouts/AboutLayout.astro
index bf921a0..e3571c4 100644
--- a/src/layouts/AboutLayout.astro
+++ b/src/layouts/AboutLayout.astro
@@ -13,7 +13,7 @@ export interface Props {
 const { frontmatter } = Astro.props;
 ---
 
-<Layout title={frontmatter.title}>
+<Layout title={`${frontmatter.title} | ${import.meta.env.PUBLIC_SITE_TITLE}`}>
   <Header activeNav="about" />
   <main id="main-content">
     <section class="mt-8 mb-28 prose prose-slate max-w-3xl">
diff --git a/src/pages/posts/index.astro b/src/pages/posts/index.astro
index 284ec26..7921456 100644
--- a/src/pages/posts/index.astro
+++ b/src/pages/posts/index.astro
@@ -12,7 +12,7 @@ const posts = await Astro.glob<Frontmatter>("../../contents/*.md");
 const sortedPosts = getSortedPosts(posts);
 ---
 
-<Layout title="Posts | AstroPaper">
+<Layout title={`Posts | ${import.meta.env.PUBLIC_SITE_TITLE}`}>
   <Header activeNav="posts" />
   <Main pageTitle="Posts" pageDesc="All the tags used in posts.">
     <ul>
diff --git a/src/pages/tags/[tag].astro b/src/pages/tags/[tag].astro
index 35271f0..e8bab20 100644
--- a/src/pages/tags/[tag].astro
+++ b/src/pages/tags/[tag].astro
@@ -42,7 +42,7 @@ const posts: MarkdownInstance<Frontmatter>[] = await Astro.glob(
 const tagPosts = getPostsByTag(posts, tag);
 ---
 
-<Layout title={`Tag:${tag} | AstroPaper`}>
+<Layout title={`Tag:${tag} | ${import.meta.env.PUBLIC_SITE_TITLE}`}>
   <Header activeNav="tags" />
   <Main
     pageTitle={`Tag:${tag}`}
diff --git a/src/pages/tags/index.astro b/src/pages/tags/index.astro
index df33fa5..8c37446 100644
--- a/src/pages/tags/index.astro
+++ b/src/pages/tags/index.astro
@@ -12,7 +12,7 @@ const posts = await Astro.glob<Frontmatter>("../../contents/*.md");
 let tags = getUniqueTags(posts);
 ---
 
-<Layout title="Tags | AstroPaper">
+<Layout title={`Tags | ${import.meta.env.PUBLIC_SITE_TITLE}`}>
   <Header activeNav="tags" />
   <Main pageTitle="Tags" pageDesc="All the tags used in posts.">
     <ul>