From 72c1cf0b8e3eb0f58f1649afc8cff77f879f686d Mon Sep 17 00:00:00 2001
From: Ben Senescu <44480372+bensenescu@users.noreply.github.com>
Date: Sun, 26 Jul 2026 08:30:20 -0700
Subject: [PATCH] Fix modals taller than the viewport being unscrollable (#425)

---
 src/client/components/Modal.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/client/components/Modal.tsx b/src/client/components/Modal.tsx
index 203d1c5..e6855fa 100644
--- a/src/client/components/Modal.tsx
+++ b/src/client/components/Modal.tsx
@@ -25,14 +25,14 @@ export function Modal({
   }, [onClose]);
 
   return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50">
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4">
       <div
         role="dialog"
         aria-modal="true"
         aria-labelledby={labelledBy}
-        className={`card bg-base-100 border border-base-300 w-full ${maxWidth} shadow-xl`}
+        className={`card bg-base-100 border border-base-300 w-full ${maxWidth} max-h-full shadow-xl`}
       >
-        <div className="card-body gap-4">{children}</div>
+        <div className="card-body gap-4 overflow-y-auto">{children}</div>
       </div>
     </div>
   );