diff --git a/examples/starlog/src/components/BaseHead.astro b/examples/starlog/src/components/BaseHead.astro
index e32945c1c8..bb2c64ee8b 100644
--- a/examples/starlog/src/components/BaseHead.astro
+++ b/examples/starlog/src/components/BaseHead.astro
@@ -7,6 +7,7 @@ export type Props = Partial<SEOProps>;
 const { title = SiteTitle, name = SiteTitle, description = SiteDescription, ...seo } = Astro.props;
 ---
 
+<meta charset="utf-8" />
 <SEO {title} {description} {name} {...seo} />
 
 <link rel="preconnect" href="https://fonts.googleapis.com" />
diff --git a/examples/starlog/src/layouts/IndexLayout.astro b/examples/starlog/src/layouts/IndexLayout.astro
index 3f0bd0c963..117c57f0b1 100644
--- a/examples/starlog/src/layouts/IndexLayout.astro
+++ b/examples/starlog/src/layouts/IndexLayout.astro
@@ -9,15 +9,14 @@ const { ...head } = Astro.props;
 ---
 
 <!doctype html>
-<meta charset="utf-8" />
 <html lang="en">
 	<head>
 		<BaseHead {...head} />
-		<body>
-			<div class="glow"></div>
-			<Header />
-			<slot />
-			<Footer />
-		</body>
 	</head>
+	<body>
+		<div class="glow"></div>
+		<Header />
+		<slot />
+		<Footer />
+	</body>
 </html>
