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>