From b6cd282ccd2ae430aef6713bce7fc4e9f68e2ad2 Mon Sep 17 00:00:00 2001
From: Gifford Nowland <hi@giffordnowland.com>
Date: Sun, 9 Nov 2025 18:15:57 -0800
Subject: [PATCH] fix: layout structure to use main tag (#11119)

### What problem does this PR solve?

For proper semantics Layout should use HTML `<main>` element to wrap the
Header and Outlet which produce`<section>` HTML elements.

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
---
 web/src/layouts/next.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/layouts/next.tsx b/web/src/layouts/next.tsx
index d92a3ff07..5c639b317 100644
--- a/web/src/layouts/next.tsx
+++ b/web/src/layouts/next.tsx
@@ -3,9 +3,9 @@ import { Header } from './next-header';
 
 export default function NextLayout() {
   return (
-    <section className="h-full flex flex-col">
-      <Header></Header>
+    <main className="h-full flex flex-col">
+      <Header />
       <Outlet />
-    </section>
+    </main>
   );
 }