diff --git a/src/components/app/_colors.scss b/src/components/app/_colors.scss
index 55b5296ce5..4a9fa92661 100644
--- a/src/components/app/_colors.scss
+++ b/src/components/app/_colors.scss
@@ -34,6 +34,7 @@ $colors: (
 
 @each $key, $value in $colors {
   .button.#{$key} {
+    @extend .button;
     color: getcolor($key, dark);
     background: getcolor($key, base);
     border-color: getcolor($key, dark);