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