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) => (