From 8609635d749d937c72a8f32e44e37a983757d87a Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Sat, 22 Aug 2026 17:43:33 +0200
Subject: [PATCH] fix modal overflow on smaller viewports with dynamic viewport
 height

---
 resources/js/packages/ui/src/dialog/DialogContent.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/packages/ui/src/dialog/DialogContent.vue b/resources/js/packages/ui/src/dialog/DialogContent.vue
index 8b59aab6..6ec83696 100644
--- a/resources/js/packages/ui/src/dialog/DialogContent.vue
+++ b/resources/js/packages/ui/src/dialog/DialogContent.vue
@@ -31,7 +31,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
         <div
             :class="
                 cn(
-                    'fixed top-0 left-0 z-50 pointer-events-none w-screen h-screen flex items-start px-2 pt-3 md:pt-14 xl:pt-24 justify-center overflow-auto'
+                    'fixed top-0 left-0 z-50 pointer-events-none w-screen h-screen [height:100dvh] flex items-start px-2 py-3 md:py-14 xl:py-24 justify-center overflow-y-auto overscroll-contain'
                 )
             ">
             <DialogContent