diff --git a/app/assets/stylesheets/common/components/buttons.scss b/app/assets/stylesheets/common/components/buttons.scss
index d8cbd89b58..d8b15095e7 100644
--- a/app/assets/stylesheets/common/components/buttons.scss
+++ b/app/assets/stylesheets/common/components/buttons.scss
@@ -88,13 +88,14 @@
   }
   &:hover,
   &.btn-hover {
-    color: #fff;
-    background: dark-light-choose($tertiary, $tertiary);
+    background: scale-color($tertiary, $lightness: -20%);
   }
   &:active,
   &.btn-active {
-    @include linear-gradient($tertiary, $tertiary);
-    color: $secondary;
+    @include linear-gradient(
+      scale-color($tertiary, $lightness: -20%),
+      $tertiary
+    );
   }
   &[disabled],
   &.disabled {