Fix table overflow

tinytek-io · Jul 15, 2024 · c931f89 · c931f89
1 parent 9a7b2e1
commit c931f89
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/ui/components/Table.tsx b/ui/components/Table.tsx
@@ -32,9 +32,11 @@ export { TableBody, useContextProps } from "react-aria-components";
 
 export function Table(props: Readonly<TableProps>) {
   return (
-    <ResizableTableContainer className="relative h-full w-full scroll-pt-[2.281rem] rounded-md">
-      <AriaTable {...props} className="border-separate border-spacing-0" />
-    </ResizableTableContainer>
+    <div className="h-full w-full overflow-hidden">
+      <ResizableTableContainer className="relative h-full w-full scroll-pt-[2.281rem] overflow-auto rounded-md">
+        <AriaTable {...props} className="border-separate border-spacing-0" />
+      </ResizableTableContainer>
+    </div>
   );
 }