From 23423c2b7d62a5fc2a56c4a25476c48061763199 Mon Sep 17 00:00:00 2001
From: Benjamin Leonard <benji@oxide.computer>
Date: Wed, 27 Nov 2024 16:53:48 +0000
Subject: [PATCH] Use `min()` for modal top position (#2583)

Use min() for modal top position
---
 app/ui/lib/Modal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/ui/lib/Modal.tsx b/app/ui/lib/Modal.tsx
index ab00a1a15..d6c0f5b6b 100644
--- a/app/ui/lib/Modal.tsx
+++ b/app/ui/lib/Modal.tsx
@@ -70,7 +70,7 @@ 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-full flex-col justify-between rounded-lg border p-0 bg-raise border-secondary elevation-2',
+                    'pointer-events-auto fixed left-1/2 top-[min(50%,500px)] 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}