From 52e871e56681711cd39faa8f1b6f788f09cc9c80 Mon Sep 17 00:00:00 2001
From: saml33 <slam.uke@gmail.com>
Date: Mon, 30 Jan 2023 10:15:03 +1100
Subject: [PATCH] let tables scroll horizontal if they need to

---
 components/shared/TableElements.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/shared/TableElements.tsx b/components/shared/TableElements.tsx
index a892a845..3e57aa2a 100644
--- a/components/shared/TableElements.tsx
+++ b/components/shared/TableElements.tsx
@@ -8,7 +8,7 @@ export const Table = ({
   children: ReactNode
   className?: string
 }) => (
-  <div className="thin-scroll">
+  <div className="thin-scroll overflow-x-auto">
     <table className={`m-0 min-w-full p-0 ${className}`}>{children}</table>
   </div>
 )