diff --git a/src/components/site/SiteLayout.tsx b/src/components/site/SiteLayout.tsx
index 85d831e4..7bbabfbf 100644
--- a/src/components/site/SiteLayout.tsx
+++ b/src/components/site/SiteLayout.tsx
@@ -103,7 +103,10 @@ export const SiteLayout: React.FC<SiteLayoutProps> = ({
       )}
       {site.data && <SiteHeader site={site.data} />}
       <div
-        className={`xlog-post-id-${page.data?.id} max-w-screen-md mx-auto px-5 pt-12 relative`}
+        className={cn(
+          `xlog-post-id-${page.data?.id} max-w-screen-md mx-auto px-5 pt-12 relative`,
+          page.data?.tags?.map((tag) => `xlog-post-tag-${tag}`),
+        )}
       >
         {children}
       </div>