diff --git a/opentech/static_src/src/sass/apply/components/_button.scss b/opentech/static_src/src/sass/apply/components/_button.scss
index 0a7261b38e71a63e799441485e408f30172a1690..7d8eb3e7e15427b169c1d5c5c3524c2d7f8c3b21 100644
--- a/opentech/static_src/src/sass/apply/components/_button.scss
+++ b/opentech/static_src/src/sass/apply/components/_button.scss
@@ -37,6 +37,7 @@
         color: $color--black;
         border: 1px solid $color--black;
 
+        &:focus,
         &:hover {
             color: $color--white;
         }
@@ -48,6 +49,7 @@
         color: $color--light-blue;
         border: 1px solid $color--mid-grey;
 
+        &:focus,
         &:hover {
             color: $color--white;
         }
@@ -65,6 +67,7 @@
         border: 1px solid $color--light-mid-grey;
         transition: none;
 
+        &:focus,
         &:active,
         &:hover {
             background: url('./../../images/filters.svg') $color--white no-repeat 93% center;