diff --git a/packages/storybook/stories/components/modal/modal.stories.ts b/packages/storybook/stories/components/modal/modal.stories.ts
index ba5d82e032..e630507e6b 100644
--- a/packages/storybook/stories/components/modal/modal.stories.ts
+++ b/packages/storybook/stories/components/modal/modal.stories.ts
@@ -103,9 +103,11 @@ export const Demo: StoryObj = {
 `.modal-demo .my-text::part(text) {
   margin: 0 0 1rem 0;
 }
+.modal-demo ods-button {
+  max-width: 100%;
+}
 .modal-demo ods-button::part(button) {
   margin-top: 1rem;
-  max-width: 100%;
 }`
   },
 };
@@ -218,6 +220,12 @@ export const NotDismissible: StoryObj = {
     });
   })();
 </script>
+
+<style>
+  .modal-not-dismissible ods-button {
+    max-width: 100%;
+  }
+</style>
   `,
 };
 
@@ -277,6 +285,9 @@ export const Actions: StoryObj = {
   .modal-actions .modal-actions-close::part(button) {
     margin-top: 1rem;
   }
+  .modal-actions ods-button {
+    max-width: 100%;
+  }
 </style>
   `,
 };