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