diff --git a/src/atoms/Button/Button.js b/src/atoms/Button/Button.js
index 106e8731..ef81af36 100644
--- a/src/atoms/Button/Button.js
+++ b/src/atoms/Button/Button.js
@@ -225,6 +225,7 @@ const StyledTag = createStyledTag(name, props => ({
   justifyContent: 'center',
   alignItems: 'center',
   userSelect: 'none',
+  whiteSpace: 'nowrap',
 
   ...getThemeStyle(props, name).button,
 
diff --git a/storybook/__tests__/__snapshots__/storyshots.test.js.snap b/storybook/__tests__/__snapshots__/storyshots.test.js.snap
index a05c3f42..4e9e8574 100644
--- a/storybook/__tests__/__snapshots__/storyshots.test.js.snap
+++ b/storybook/__tests__/__snapshots__/storyshots.test.js.snap
@@ -153,6 +153,7 @@ exports[`Storyshots ATOMS/Breadcrumbs with custom tagName 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -340,6 +341,7 @@ exports[`Storyshots ATOMS/Button with children 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -428,6 +430,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -498,6 +501,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -542,6 +546,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -586,6 +591,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -630,6 +636,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -674,6 +681,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -718,6 +726,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -762,6 +771,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -806,6 +816,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -850,6 +861,7 @@ exports[`Storyshots ATOMS/Button with custom colors and variant 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -1018,6 +1030,7 @@ exports[`Storyshots ATOMS/Button with custom sizes 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -1062,6 +1075,7 @@ exports[`Storyshots ATOMS/Button with custom sizes 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -1106,6 +1120,7 @@ exports[`Storyshots ATOMS/Button with custom sizes 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -1212,6 +1227,7 @@ exports[`Storyshots ATOMS/Button with disabled modifiers 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: default;
   font-size: 1.4rem;
   font-weight: 600;
@@ -1300,6 +1316,7 @@ exports[`Storyshots ATOMS/Button with icon 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -1389,6 +1406,7 @@ exports[`Storyshots ATOMS/Button with loading 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -1453,6 +1471,7 @@ exports[`Storyshots ATOMS/Button with loading 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -1543,6 +1562,7 @@ exports[`Storyshots ATOMS/Button with stretch 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -1606,6 +1626,7 @@ exports[`Storyshots ATOMS/Button with submit type 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -1668,6 +1689,7 @@ exports[`Storyshots ATOMS/Button with text 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -9007,6 +9029,7 @@ exports[`Storyshots ATOMS/Dropdown default 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -9129,6 +9152,7 @@ exports[`Storyshots ATOMS/Dropdown with custom body width 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -9251,6 +9275,7 @@ exports[`Storyshots ATOMS/Dropdown with custom offset 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -9373,6 +9398,7 @@ exports[`Storyshots ATOMS/Dropdown with dark background 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -9496,6 +9522,7 @@ exports[`Storyshots ATOMS/Dropdown with force render 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -9769,6 +9796,7 @@ exports[`Storyshots ATOMS/Dropdown with pin to right 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -9891,6 +9919,7 @@ exports[`Storyshots ATOMS/Dropdown with stretch body 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -9988,6 +10017,7 @@ exports[`Storyshots ATOMS/Dropdown with stretch target 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -10111,6 +10141,7 @@ exports[`Storyshots ATOMS/Dropdown without background 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -10233,6 +10264,7 @@ exports[`Storyshots ATOMS/Dropdown without close on outside click 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -13626,6 +13658,7 @@ exports[`Storyshots ATOMS/Table table with loader 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -13914,6 +13947,7 @@ exports[`Storyshots ATOMS/Table table with scroll 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -16037,6 +16071,7 @@ exports[`Storyshots ATOMS/Tabs default 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -16159,6 +16194,7 @@ exports[`Storyshots ATOMS/Tabs with force render 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -16290,6 +16326,7 @@ exports[`Storyshots ATOMS/Tabs with selected title 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -16438,6 +16475,7 @@ exports[`Storyshots MOLECULES/ButtonGroup default 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -16482,6 +16520,7 @@ exports[`Storyshots MOLECULES/ButtonGroup default 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;
@@ -16526,6 +16565,7 @@ exports[`Storyshots MOLECULES/ButtonGroup default 1`] = `
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
+  white-space: nowrap;
   cursor: pointer;
   font-size: 1.4rem;
   font-weight: 600;