diff --git a/.changeset/tender-beds-relate.md b/.changeset/tender-beds-relate.md
new file mode 100644
index 0000000000..5a8bd24889
--- /dev/null
+++ b/.changeset/tender-beds-relate.md
@@ -0,0 +1,5 @@
+---
+"@marigold/docs": patch
+---
+
+docs: adjust menu demo with dialog
diff --git a/docs/content/components/overlay/menu/menu-open-dialog.demo.tsx b/docs/content/components/overlay/menu/menu-open-dialog.demo.tsx
index 1f5595b970..d7e28edd23 100644
--- a/docs/content/components/overlay/menu/menu-open-dialog.demo.tsx
+++ b/docs/content/components/overlay/menu/menu-open-dialog.demo.tsx
@@ -35,24 +35,18 @@ export default () => {
       <Dialog.Trigger open={open} onOpenChange={setDialogOpen}>
         <Dialog closeButton>
           {({ close }) => (
-            <Stack space={2}>
-              <Header>
-                <Dialog.Headline>Confirm delete</Dialog.Headline>
-              </Header>
-              <Body>
-                <Text>Do you really wanna delete this?</Text>
-              </Body>
-              <Footer>
-                <Inline space={4}>
-                  <Button size="small" variant="ghost" onPress={close}>
-                    Cancel
-                  </Button>
-                  <Button size="small" variant="primary" onPress={close}>
-                    Delete
-                  </Button>
-                </Inline>
-              </Footer>
-            </Stack>
+            <>
+              <Dialog.Title>Confirm delete</Dialog.Title>
+              <Dialog.Content>Do you really wanna delete this?</Dialog.Content>
+              <Dialog.Actions>
+                <Button size="small" variant="ghost" onPress={close}>
+                  Cancel
+                </Button>
+                <Button size="small" variant="primary" onPress={close}>
+                  Delete
+                </Button>
+              </Dialog.Actions>
+            </>
           )}
         </Dialog>
       </Dialog.Trigger>
