From 0b4c500e552ef969dbb3b25c8f3366fa350051ba Mon Sep 17 00:00:00 2001
From: Rising Odegua <risingodegua@gmail.com>
Date: Wed, 9 Mar 2022 08:31:33 +0100
Subject: [PATCH] [Layout][s]: Move prose div to DataLiterate component

---
 examples/data-literate/components/DataLiterate.js | 4 +++-
 examples/data-literate/components/Layout.js       | 4 +---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/examples/data-literate/components/DataLiterate.js b/examples/data-literate/components/DataLiterate.js
index ea71aa2b..9d9a6088 100644
--- a/examples/data-literate/components/DataLiterate.js
+++ b/examples/data-literate/components/DataLiterate.js
@@ -31,7 +31,9 @@ export default function DataLiterate({ children }) {
     <Layout>
       <main>
         <MDXProvider components={components}>
-          <Component {...pageProps} />
+          <div className="prose mx-auto">
+            <Component {...pageProps} />
+          </div>
         </MDXProvider>
       </main>
     </Layout>
diff --git a/examples/data-literate/components/Layout.js b/examples/data-literate/components/Layout.js
index a0c2591e..e5a1d8ba 100644
--- a/examples/data-literate/components/Layout.js
+++ b/examples/data-literate/components/Layout.js
@@ -11,9 +11,7 @@ export default function Layout({ children, title = 'Home' }) {
         <meta name="viewport" content="initial-scale=1.0, width=device-width" />
       </Head>
       <div className="mx-auto p-6">
-        <div className="prose mx-auto">
-          {children}
-        </div>
+        {children}
       </div>
       <footer className="flex items-center justify-center w-full h-24 border-t">
         <a