diff --git a/CHANGELOG.md b/CHANGELOG.md
index 62c37fd8..b05ed932 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,7 @@
 
 * BREAKING: `.control.is-grouped` now uses `.control` elements as direct children
 * Fix #220
+* Fix #214
 * Fix #210
 * Fix #206
 * Fix #122
diff --git a/sass/elements/button.sass b/sass/elements/button.sass
index 367ad0eb..5388648a 100644
--- a/sass/elements/button.sass
+++ b/sass/elements/button.sass
@@ -39,7 +39,9 @@
     &:last-child
       margin-left: 4px
       margin-right: -2px
-  &:hover
+  &:hover,
+  &:focus,
+  &.is-active
     color: $control-hover
   &:active
     box-shadow: inset 0 1px 2px rgba($black, 0.2)
@@ -52,7 +54,8 @@
       border-color: transparent
       color: $color-invert
       &:hover,
-      &:focus
+      &:focus,
+      &.is-active
         background: darken($color, 10%)
         border-color: transparent
         color: $color-invert
diff --git a/sass/utilities/controls.sass b/sass/utilities/controls.sass
index 9694ba16..8cf70160 100644
--- a/sass/utilities/controls.sass
+++ b/sass/utilities/controls.sass
@@ -18,7 +18,8 @@
   &:hover
     border-color: $control-hover-border
   &:active,
-  &:focus
+  &:focus,
+  &.is-active
     border-color: $control-active-border
     outline: none
   &[disabled],