diff --git a/src/components/blog/views/BlogPageView.astro b/src/components/blog/views/BlogPageView.astro
index 756d07e62..dd610f3e8 100644
--- a/src/components/blog/views/BlogPageView.astro
+++ b/src/components/blog/views/BlogPageView.astro
@@ -55,7 +55,7 @@ const topTags = collectTopTags(posts, BLOG_TAG_CLOUD_LIMIT);
   eagerReveal
   footerBackground="secondary"
 >
-  <Hero layout="centered" size="sm">
+  <Hero layout="centered" size="sm" class="isolate" showHeroHalo>
     <Badge slot="badge" variant="brand" pill>
       <Icon name="book" size="sm" />
       {t('blog.pageBadge', locale, { page, total: totalPages })}
diff --git a/src/components/blog/views/BlogTagView.astro b/src/components/blog/views/BlogTagView.astro
index dc0aacebc..b1e53ade4 100644
--- a/src/components/blog/views/BlogTagView.astro
+++ b/src/components/blog/views/BlogTagView.astro
@@ -43,7 +43,7 @@ const countKey = posts.length === 1 ? 'blog.tagCountOne' : 'blog.tagCountOther';
   image={getBlogTagOgPath(tagToSlug(tag))}
   eagerReveal
 >
-  <Hero layout="centered" size="sm">
+  <Hero layout="centered" size="sm" class="isolate" showHeroHalo>
     <Badge slot="badge" variant="brand" pill>
       <Icon name="tag" size="sm" />
       {t('blog.tagBadge', locale)}
diff --git a/src/components/projects/views/ProjectsTagView.astro b/src/components/projects/views/ProjectsTagView.astro
index cb9c46ec4..8d24029b8 100644
--- a/src/components/projects/views/ProjectsTagView.astro
+++ b/src/components/projects/views/ProjectsTagView.astro
@@ -41,7 +41,7 @@ const countKey = projects.length === 1 ? 'projects.tagCountOne' : 'projects.tagC
   eagerReveal
   footerBackground="secondary"
 >
-  <Hero layout="centered" size="sm">
+  <Hero layout="centered" size="sm" class="isolate" showHeroHalo>
     <Badge slot="badge" variant="brand" pill>
       <Icon name="tag" size="sm" />
       {t('projects.tagBadge', locale)}