diff --git a/src/scss/buttons.scss b/src/scss/buttons.scss
index 6e14d024e0..102852149c 100644
--- a/src/scss/buttons.scss
+++ b/src/scss/buttons.scss
@@ -11,13 +11,31 @@
     text-align: center;
     cursor: pointer;
 
-    &:hover:not([disabled]), &:focus:not([disabled]) {
+    &.primary {
+        color: $button-color-primary;
+    }
+
+    &.danger {
+        color: $button-color-danger;
+    }
+
+    &:hover:not([disabled]) {
         cursor: pointer;
         background-color: darken($button-backgound-color, 1.5%);
         border-color: darken($button-border-color, 17%);
+        color: darken($button-color, 10%);
+
+        &.primary {
+            color: darken($button-color-primary, 6%);
+        }
+
+        &.danger {
+            color: darken($button-color-danger, 6%);
+        }
     }
 
     &:focus:not([disabled]) {
+        cursor: pointer;
         background-color: darken($button-backgound-color, 6%);
         border-color: darken($button-border-color, 25%);
         outline: 0;
@@ -28,14 +46,6 @@
         cursor: default;
     }
 
-    &.primary {
-        color: $button-color-primary;
-    }
-
-    &.danger {
-        color: $button-color-danger;
-    }
-
     &.block {
         display: block;
         width: 100%;