From ae726846a70b67fb2481e1311fba444888e89bd5 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <hello@benleonard.co.uk>
Date: Tue, 26 Nov 2024 19:25:36 +0000
Subject: [PATCH] Make modals always full width (and a bit narrower)

---
 app/ui/lib/Modal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/ui/lib/Modal.tsx b/app/ui/lib/Modal.tsx
index b1e69531f..ab00a1a15 100644
--- a/app/ui/lib/Modal.tsx
+++ b/app/ui/lib/Modal.tsx
@@ -70,8 +70,8 @@ export function Modal({
 
                 <AnimatedDialogContent
                   className={cn(
-                    'pointer-events-auto fixed left-1/2 top-1/2 z-modal m-0 flex max-h-[min(800px,80vh)] w-auto min-w-[24rem] flex-col justify-between rounded-lg border p-0 bg-raise border-secondary elevation-2',
-                    narrow ? 'max-w-[24rem]' : 'max-w-[32rem]'
+                    'pointer-events-auto fixed left-1/2 top-1/2 z-modal m-0 flex max-h-[min(800px,80vh)] w-full flex-col justify-between rounded-lg border p-0 bg-raise border-secondary elevation-2',
+                    narrow ? 'max-w-[24rem]' : 'max-w-[28rem]'
                   )}
                   aria-labelledby={titleId}
                   style={{