From c113853ff0dadbafbcea272afa0c3fb7493de793 Mon Sep 17 00:00:00 2001
From: Bekiboo <julien.connault@gmail.com>
Date: Mon, 26 Jan 2026 20:07:31 +0300
Subject: [PATCH] fix: add mobile safe zone spacers to dreamSync and
 marketplace dialogs

---
 platforms/dreamSync/client/src/components/ui/dialog.tsx   | 2 ++
 platforms/marketplace/client/src/components/ui/dialog.tsx | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/platforms/dreamSync/client/src/components/ui/dialog.tsx b/platforms/dreamSync/client/src/components/ui/dialog.tsx
index f38593bdc..f4ebf4b28 100644
--- a/platforms/dreamSync/client/src/components/ui/dialog.tsx
+++ b/platforms/dreamSync/client/src/components/ui/dialog.tsx
@@ -43,7 +43,9 @@ const DialogContent = React.forwardRef<
       )}
       {...props}
     >
+      <div className="h-12 flex-shrink-0 sm:hidden" aria-hidden="true" />
       {children}
+      <div className="h-10 flex-shrink-0 sm:hidden" aria-hidden="true" />
       <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
         <X className="h-4 w-4" />
         <span className="sr-only">Close</span>
diff --git a/platforms/marketplace/client/src/components/ui/dialog.tsx b/platforms/marketplace/client/src/components/ui/dialog.tsx
index f38593bdc..f4ebf4b28 100644
--- a/platforms/marketplace/client/src/components/ui/dialog.tsx
+++ b/platforms/marketplace/client/src/components/ui/dialog.tsx
@@ -43,7 +43,9 @@ const DialogContent = React.forwardRef<
       )}
       {...props}
     >
+      <div className="h-12 flex-shrink-0 sm:hidden" aria-hidden="true" />
       {children}
+      <div className="h-10 flex-shrink-0 sm:hidden" aria-hidden="true" />
       <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
         <X className="h-4 w-4" />
         <span className="sr-only">Close</span>