diff --git a/src/pages/haiku/[...slug].astro b/src/pages/haiku/[...slug].astro
index 307e75f..fc25616 100644
--- a/src/pages/haiku/[...slug].astro
+++ b/src/pages/haiku/[...slug].astro
@@ -30,7 +30,7 @@ const { entry, prevPost, nextPost } = Astro.props;
 <BaseLayout title={`Haiku ${entry.slug}`} header={false} footer={false}>
 	<div class="grid h-full grid-cols-18 grid-rows-haiku">
 		<PageHeader
-			class="!mbe-0 z-10 col-span-full row-start-1"
+			class="!mbe-0 z-10 col-span-full row-start-1 bg-transparent dark:bg-transparent"
 			navigation={false}
 			backLink="/haiku/"
 		/>