diff --git a/packages/react/src/App.tsx b/packages/react/src/App.tsx
index d3de25e..76320e0 100644
--- a/packages/react/src/App.tsx
+++ b/packages/react/src/App.tsx
@@ -23,6 +23,11 @@ const overrideComponents = {
       className={`${props.className} rounded-md bg-neutral-800 text-orange-500 font-light p-1 before:content-none after:content-none`}
     />
   ),
+  table: (props: any) => (
+    <div className="overflow-auto">
+      <table {...props} className={`${props.className}`} />
+    </div>
+  ),
 };
 
 const router = createBrowserRouter(