diff --git a/examples/portfolio/src/components/Hero.astro b/examples/portfolio/src/components/Hero.astro
index 21b5ed1bf..30460420a 100644
--- a/examples/portfolio/src/components/Hero.astro
+++ b/examples/portfolio/src/components/Hero.astro
@@ -8,13 +8,13 @@ interface Props {
 const { align = 'center', tagline, title } = Astro.props;
 ---
 
-<header class:list={['hero stack gap-4', align]}>
+<div class:list={['hero stack gap-4', align]}>
 	<div class="stack gap-2">
 		<h1 class="title">{title}</h1>
 		{tagline && <p class="tagline">{tagline}</p>}
 	</div>
 	<slot />
-</header>
+</div>
 
 <style>
 	.hero {