diff --git a/src/stories/SButton.stories.ts b/src/stories/SButton.stories.ts
index 7604f2ec..b804b5a8 100644
--- a/src/stories/SButton.stories.ts
+++ b/src/stories/SButton.stories.ts
@@ -14,7 +14,7 @@ export default {
 export const configurable = () => ({
   components: { SButton, SIcon },
   template: `<s-button
-               :class="typography"
+               :class="withTypography ? typography : ''"
                :disabled="disabled"
                :loading="loading"
                :tooltip="tooltip"
@@ -60,6 +60,9 @@ export const configurable = () => ({
     content: {
       default: text('Button text', 'Default')
     },
+    withTypography: {
+      default: boolean('With Typography css class', false)
+    },
     typography: {
       default: text('Typographic css class', 's-typography-button--large')
     },