diff --git a/markdoc/nodes.js b/markdoc/nodes.js
index b6d0cf37..7dfe70c7 100644
--- a/markdoc/nodes.js
+++ b/markdoc/nodes.js
@@ -6,6 +6,17 @@ const nodes = {
   document: {
     render: undefined,
   },
+  table: {
+    ...defaultNodes.table,
+    render: (props) => {
+      const Table = defaultNodes.table.render
+      return (
+        <div className="my-6 overflow-x-auto">
+          <Table {...props} />
+        </div>
+      )
+    },
+  },
   th: {
     ...defaultNodes.th,
     attributes: {
diff --git a/src/components/Prose.jsx b/src/components/Prose.jsx
index 2acf1dbd..a17fae87 100644
--- a/src/components/Prose.jsx
+++ b/src/components/Prose.jsx
@@ -17,7 +17,9 @@ export function Prose({ as: Component = 'div', className, ...props }) {
         // pre
         'prose-pre:rounded-xl prose-pre:bg-slate-900 prose-pre:shadow-lg dark:prose-pre:bg-slate-800/60 dark:prose-pre:shadow-none dark:prose-pre:ring-1 dark:prose-pre:ring-slate-300/10',
         // hr
-        'dark:prose-hr:border-slate-800'
+        'dark:prose-hr:border-slate-800',
+        // table
+        'prose-table:m-0'
       )}
       {...props}
     />
diff --git a/tailwind.config.js b/tailwind.config.js
index 20ebb0ba..9a23e421 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -2,7 +2,7 @@ const defaultTheme = require('tailwindcss/defaultTheme')
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ['./src/**/*.{js,jsx,md}'],
+  content: ['./src/**/*.{js,jsx,md}', './markdoc/**'],
   darkMode: 'class',
   theme: {
     fontSize: {