From 7632e6a464977bd883fe60e6dfacca71624c97bc Mon Sep 17 00:00:00 2001
From: Jacob Marshall <me@jhqcat.com>
Date: Fri, 17 Jan 2025 14:11:57 +0000
Subject: [PATCH] fix: broken docs tables (#361)

---
 .../components/MdxProvider/MdxTable/MdxTable.tsx  | 15 ++++++++-------
 .../src/routes/documentation/hooks/use-router.mdx |  2 +-
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/apps/documentation/src/components/MdxProvider/MdxTable/MdxTable.tsx b/apps/documentation/src/components/MdxProvider/MdxTable/MdxTable.tsx
index b1c2ef51..7f396d3a 100644
--- a/apps/documentation/src/components/MdxProvider/MdxTable/MdxTable.tsx
+++ b/apps/documentation/src/components/MdxProvider/MdxTable/MdxTable.tsx
@@ -1,18 +1,19 @@
-import type { DetailedHTMLProps, TableHTMLAttributes } from 'react'
-import { Table } from '@mantine/core'
-import type React from 'react'
+import type { DetailedHTMLProps, TableHTMLAttributes, JSX } from 'react'
+import { Table, ScrollArea } from '@mantine/core'
 
 type MdxTableProps = DetailedHTMLProps<
   TableHTMLAttributes<HTMLTableElement>,
   HTMLTableElement
 >
 
-function MdxTable(props: MdxTableProps): React.JSX.Element {
+function MdxTable(props: MdxTableProps): JSX.Element {
   const { children, ...rest } = props
   return (
-    <Table highlightOnHover stickyHeader stickyHeaderOffset={60} {...rest}>
-      {children}
-    </Table>
+    <ScrollArea type="auto">
+      <Table highlightOnHover {...rest}>
+        {children}
+      </Table>
+    </ScrollArea>
   )
 }
 
diff --git a/apps/documentation/src/routes/documentation/hooks/use-router.mdx b/apps/documentation/src/routes/documentation/hooks/use-router.mdx
index c0bbe53d..7bbe93d9 100644
--- a/apps/documentation/src/routes/documentation/hooks/use-router.mdx
+++ b/apps/documentation/src/routes/documentation/hooks/use-router.mdx
@@ -50,7 +50,7 @@ Handles client side page navigation quickly. Useful for internal links, or for w
 router.push(path, options)
 ```
 
-| Prop             | Type                | Default value | Description                                                       |
+| Name             | Type                | Default value | Description                                                       |
 | ---------------- | ------------------- | ------------- | ----------------------------------------------------------------- |
 | `path`           | `string` (Required) | -             | The path of the page you want to navigate to.                     |
 | `options`        | `PushOptions`       | -             | Optional config object for additional control.                    |