diff --git a/packages/ui/src/v2/Dialog/Dialog.stories.tsx b/packages/ui/src/v2/Dialog/Dialog.stories.tsx
index 2f615a365..4db71b29d 100644
--- a/packages/ui/src/v2/Dialog/Dialog.stories.tsx
+++ b/packages/ui/src/v2/Dialog/Dialog.stories.tsx
@@ -97,9 +97,11 @@ export function Controlled() {
   );
 }
 
+// Shown over a simulated backdrop, matching how the dialog actually appears —
+// the frame's elevation only reads correctly against the dimmed overlay.
 export function Skeleton() {
   return (
-    <div className="flex justify-center">
+    <div className="flex min-h-[420px] items-center justify-center rounded-4 bg-sand-12/40 p-8">
       <DialogSkeleton />
     </div>
   );