From 6eb0f1a02595ecedcec176b53e0ca4acb59996c2 Mon Sep 17 00:00:00 2001
From: sulaiman-fern <sulai@buildwithfern.com>
Date: Thu, 1 Aug 2024 12:14:18 -0400
Subject: [PATCH] Change section to div and remove unnecessary aside within
 layout (#1227)

Co-authored-by: Andrew Jiang <andrew@buildwithfern.com>
---
 packages/ui/app/src/mdx/components/layout/GuideLayout.tsx     | 2 +-
 packages/ui/app/src/mdx/components/layout/OverviewLayout.tsx  | 2 +-
 packages/ui/app/src/mdx/components/layout/PageLayout.tsx      | 2 +-
 packages/ui/app/src/mdx/components/layout/ReferenceLayout.tsx | 4 ++--
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui/app/src/mdx/components/layout/GuideLayout.tsx b/packages/ui/app/src/mdx/components/layout/GuideLayout.tsx
index f5b42926af..5194c47a0f 100644
--- a/packages/ui/app/src/mdx/components/layout/GuideLayout.tsx
+++ b/packages/ui/app/src/mdx/components/layout/GuideLayout.tsx
@@ -53,7 +53,7 @@ export function GuideLayout({
             </aside>
             <article className="fern-layout-content max-w-content-width">
                 <PageHeader breadcrumbs={breadcrumbs} title={title} subtitle={subtitle} />
-                <section className="max-w-full fern-prose">{children}</section>
+                <div className="max-w-full fern-prose">{children}</div>
                 {(!hideFeedback || !hideNavLinks || editThisPageUrl != null) && (
                     <footer className="mt-12">
                         <div className="flex sm:justify-between max-sm:flex-col gap-4">
diff --git a/packages/ui/app/src/mdx/components/layout/OverviewLayout.tsx b/packages/ui/app/src/mdx/components/layout/OverviewLayout.tsx
index 3a4cea2fd4..b408c6cc32 100644
--- a/packages/ui/app/src/mdx/components/layout/OverviewLayout.tsx
+++ b/packages/ui/app/src/mdx/components/layout/OverviewLayout.tsx
@@ -49,7 +49,7 @@ export function OverviewLayout({
             </aside>
             <article className="fern-layout-content max-w-content-wide-width">
                 <PageHeader breadcrumbs={breadcrumbs} title={title} subtitle={subtitle} />
-                <section className="max-w-full fern-prose">{children}</section>
+                <div className="max-w-full fern-prose">{children}</div>
                 {(!hideFeedback || editThisPageUrl != null) && (
                     <footer className="mt-12">
                         <div className="flex sm:justify-between max-sm:flex-col gap-4">
diff --git a/packages/ui/app/src/mdx/components/layout/PageLayout.tsx b/packages/ui/app/src/mdx/components/layout/PageLayout.tsx
index f7bb1810d4..dd0838a714 100644
--- a/packages/ui/app/src/mdx/components/layout/PageLayout.tsx
+++ b/packages/ui/app/src/mdx/components/layout/PageLayout.tsx
@@ -38,7 +38,7 @@ export function PageLayout({
     return (
         <main className="fern-page-layout">
             <PageHeader breadcrumbs={breadcrumbs} title={title} subtitle={subtitle} />
-            <section className="max-w-full fern-prose">{children}</section>
+            <div className="max-w-full fern-prose">{children}</div>
             {(!hideFeedback || editThisPageUrl != null) && (
                 <footer className="mt-12">
                     <div className="flex sm:justify-between max-sm:flex-col gap-4">
diff --git a/packages/ui/app/src/mdx/components/layout/ReferenceLayout.tsx b/packages/ui/app/src/mdx/components/layout/ReferenceLayout.tsx
index bc754d9aca..571bc1e5ba 100644
--- a/packages/ui/app/src/mdx/components/layout/ReferenceLayout.tsx
+++ b/packages/ui/app/src/mdx/components/layout/ReferenceLayout.tsx
@@ -44,7 +44,7 @@ export function ReferenceLayout({
             <div className="z-10 w-full min-w-0 pt-8">
                 <article className="mx-auto w-full lg:ml-0 xl:mx-auto pb-20 max-w-content-width md:max-w-endpoint-width">
                     <PageHeader breadcrumbs={breadcrumbs} title={title} subtitle={subtitle} />
-                    <section
+                    <div
                         className={clsx("max-w-full prose dark:prose-invert prose-h1:mt-[1.5em] first:prose-h1:mt-0", {
                             "md:grid md:grid-cols-2 md:gap-8 lg:gap-12 max-md:space-y-12": isValidElement(aside),
                         })}
@@ -57,7 +57,7 @@ export function ReferenceLayout({
                                 </div>
                             </aside>
                         )}
-                    </section>
+                    </div>
                     {(!hideFeedback || editThisPageUrl != null) && (
                         <footer className="mt-12">
                             <div className="flex sm:justify-between max-sm:flex-col gap-4">