diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss
index 444e4d397b3ef8..bb06c544d46ce3 100644
--- a/packages/components/src/button/style.scss
+++ b/packages/components/src/button/style.scss
@@ -11,6 +11,7 @@
 	font-family: inherit;
 	font-weight: normal;
 	font-size: $default-font-size;
+	white-space: nowrap;
 	margin: 0;
 	border: 0;
 	cursor: pointer;
@@ -48,7 +49,6 @@
 	 */
 
 	&.is-primary {
-		white-space: nowrap;
 		background: $components-color-accent;
 		color: $components-color-accent-inverted;
 		text-decoration: none;
@@ -135,7 +135,6 @@
 	&.is-secondary {
 		box-shadow: inset 0 0 0 $border-width $components-color-accent;
 		outline: 1px solid transparent; // Shown in high contrast mode.
-		white-space: nowrap;
 		color: $components-color-accent;
 		background: transparent;
 
@@ -155,7 +154,6 @@
 	 */
 
 	&.is-tertiary {
-		white-space: nowrap;
 		color: $components-color-accent;
 		background: transparent;