From 722b8a9b0605a5d41397a86a3afca8b0f5baf3f3 Mon Sep 17 00:00:00 2001
From: Vincent Smedinga <v.smedinga@amsterdam.nl>
Date: Fri, 17 May 2024 23:56:42 +0200
Subject: [PATCH] Use crazy long button labels to demonstrate vertical stacking

---
 storybook/src/components/Dialog/Dialog.docs.mdx    | 2 +-
 storybook/src/components/Dialog/Dialog.stories.tsx | 5 ++---
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/storybook/src/components/Dialog/Dialog.docs.mdx b/storybook/src/components/Dialog/Dialog.docs.mdx
index a1bec5861d..0deb4df893 100644
--- a/storybook/src/components/Dialog/Dialog.docs.mdx
+++ b/storybook/src/components/Dialog/Dialog.docs.mdx
@@ -33,6 +33,6 @@ const closeDialog = (e: MouseEvent<HTMLButtonElement>) => e.currentTarget.closes
 ## Vertically Stacked Buttons
 
 If the buttons don’t fit next to each other, they will stack vertically and stretch to the full width.
-View this example in a narrow window, enlarge your browser’s text size, or [use the ‘Phone’ size of the preview](?path=/story/components-containers-dialog--vertical-buttons&globals=viewport:phone).
+This can occur with a narrow Dialog, long Button labels, a large text size or zooming in.
 
 <Canvas of={DialogStories.VerticalButtons} />
diff --git a/storybook/src/components/Dialog/Dialog.stories.tsx b/storybook/src/components/Dialog/Dialog.stories.tsx
index 3cc134d38b..79ca369048 100644
--- a/storybook/src/components/Dialog/Dialog.stories.tsx
+++ b/storybook/src/components/Dialog/Dialog.stories.tsx
@@ -132,9 +132,9 @@ export const VerticalButtons: Story = {
   args: {
     actions: (
       <>
-        <Button type="submit">Ja, ik wil doorgaan</Button>
+        <Button type="submit">Lange teksten op deze knoppen</Button>
         <Button onClick={closeDialog} variant="tertiary">
-          Nee, toch maar terug
+          Om verticaal stapelen te demonstreren
         </Button>
       </>
     ),
@@ -152,6 +152,5 @@ export const VerticalButtons: Story = {
     docs: {
       story: { height: '32em' },
     },
-    viewport: { defaultViewport: 'phone' },
   },
 }