diff --git a/site/components/DataLiterate.js b/site/components/DataLiterate.js
index 41df0275..e7f6b737 100644
--- a/site/components/DataLiterate.js
+++ b/site/components/DataLiterate.js
@@ -26,20 +26,22 @@ const components = {
 export default function DataLiterate({ children, source, frontMatter }) {
   return (
     <Layout title={frontMatter.title}>
-      <header>
-        <div className="mb-6">
-          <h1>{frontMatter.title}</h1>
-          {frontMatter.author && (
-            <div className="-mt-6"><p className="opacity-60 pl-1">{frontMatter.author}</p></div>
-          )}
-          {frontMatter.description && (
-            <p className="description">{frontMatter.description}</p>
-          )}
-        </div>
-      </header>
-      <main>
-        <MDXRemote {...source} components={components} />
-      </main>
+      <div className="prose mx-auto">
+        <header>
+          <div className="mb-6">
+            <h1>{frontMatter.title}</h1>
+            {frontMatter.author && (
+              <div className="-mt-6"><p className="opacity-60 pl-1">{frontMatter.author}</p></div>
+            )}
+            {frontMatter.description && (
+              <p className="description">{frontMatter.description}</p>
+            )}
+          </div>
+        </header>
+        <main>
+          <MDXRemote {...source} components={components} />
+        </main>
+      </div>
     </Layout>
   )
 }
diff --git a/site/components/Layout.js b/site/components/Layout.js
index e8d086ad..b84fa8eb 100644
--- a/site/components/Layout.js
+++ b/site/components/Layout.js
@@ -13,7 +13,7 @@ export default function Layout({ children, title = 'Home' }) {
         <meta name="viewport" content="initial-scale=1.0, width=device-width" />
       </Head>
       <Nav />
-      <div className="prose mx-auto p-6">
+      <div className="mx-auto p-6">
         {children}
       </div>
       <footer className="flex items-center justify-center w-full h-24 border-t">