diff --git a/css/backoffice/components/_button.scss b/css/backoffice/components/_button.scss
index 16d92e5ba..6daf7d2f8 100644
--- a/css/backoffice/components/_button.scss
+++ b/css/backoffice/components/_button.scss
@@ -461,12 +461,14 @@ $ibo-button-colors: (
 }
 
 .ibo-button {
-	padding: $ibo-button--padding-y $ibo-button--padding-x;
-	border: $ibo-button--border;
-	border-radius: $ibo-button--border-radius;
-	cursor: pointer;
+  display: inline-flex; /* Used to allow truncated text on .ibo-button--label */
+  padding: $ibo-button--padding-y $ibo-button--padding-x;
+  border: $ibo-button--border;
+  border-radius: $ibo-button--border-radius;
+  cursor: pointer;
   text-transform: uppercase;
-	@extend %ibo-font-ral-sembol-100;
+  white-space: nowrap; /* To force sub elements to be on 1 line */
+  @extend %ibo-font-ral-sembol-100;
 
 	& ~ .ibo-button {
 		margin-left: $ibo-button--sibling-spacing;
@@ -477,6 +479,10 @@ $ibo-button-colors: (
   }
 }
 
+.ibo-button--label {
+  @extend %ibo-text-truncated-with-ellipsis;
+}
+
 /* Only when a button has both an icon and a label */
 .ibo-button--icon + .ibo-button--label {
   margin-left: $ibo-button--label--margin-left;