From 883f4e60684988a9ca6deeb79dc0ea618f3b450f Mon Sep 17 00:00:00 2001
From: vanadium23 <chernoffivan@gmail.com>
Date: Sat, 7 Dec 2024 18:28:05 +0300
Subject: [PATCH] feat(layout): wrap main around content

---
 quartz/components/Body.tsx       | 2 +-
 quartz/components/renderPage.tsx | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/quartz/components/Body.tsx b/quartz/components/Body.tsx
index b2060f8ed..96b627883 100644
--- a/quartz/components/Body.tsx
+++ b/quartz/components/Body.tsx
@@ -4,7 +4,7 @@ import clipboardStyle from "./styles/clipboard.scss"
 import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
 
 const Body: QuartzComponent = ({ children }: QuartzComponentProps) => {
-  return <main id="quartz-body">{children}</main>
+  return <div id="quartz-body">{children}</div>
 }
 
 Body.afterDOMLoaded = clipboardScript
diff --git a/quartz/components/renderPage.tsx b/quartz/components/renderPage.tsx
index 8f5ec4b11..e87edd39d 100644
--- a/quartz/components/renderPage.tsx
+++ b/quartz/components/renderPage.tsx
@@ -238,7 +238,9 @@ export function renderPage(
                   ))}
                 </div>
               </div>
-              <Content {...componentData} />
+              <main>
+                <Content {...componentData} />
+              </main>
               <hr />
               <div class="page-footer">
                 {afterBody.map((BodyComponent) => (