diff --git a/src/bundle/Resources/public/scss/_buttons.scss b/src/bundle/Resources/public/scss/_buttons.scss
index 720b9d628a..3d80169e4c 100644
--- a/src/bundle/Resources/public/scss/_buttons.scss
+++ b/src/bundle/Resources/public/scss/_buttons.scss
@@ -31,6 +31,8 @@
             box-shadow: $ibexa-btn-focus-box-shadow, $ibexa-btn-hover-box-shadow;
         }
 
+        &.disabled,
+        &[disabled],
         &:disabled {
             color: $ibexa-color-dark-400;
             fill: $ibexa-color-dark-400;
@@ -59,6 +61,8 @@
             }
         }
 
+        &.disabled,
+        &[disabled],
         &:disabled {
             color: $ibexa-color-dark-400;
             fill: $ibexa-color-dark-400;
@@ -81,6 +85,8 @@
             border-color: $ibexa-color-light;
         }
 
+        &.disabled,
+        &[disabled],
         &:disabled {
             color: $ibexa-color-dark-300;
             fill: $ibexa-color-dark-300;
@@ -105,6 +111,8 @@
             border-color: $ibexa-color-primary;
         }
 
+        &.disabled,
+        &[disabled],
         &:disabled {
             color: $ibexa-color-dark-300;
             fill: $ibexa-color-dark-300;
@@ -128,6 +136,8 @@
             }
         }
 
+        &.disabled,
+        &[disabled],
         &:disabled {
             color: $ibexa-color-dark-400;
             fill: $ibexa-color-dark-400;