diff --git a/opentech/static_src/src/sass/components/_button.scss b/opentech/static_src/src/sass/components/_button.scss
index c2ab7235663c157a1b19f9799b0eb442c3af67e9..19e7322e6f5e92c2044a7288973317b443105ae8 100644
--- a/opentech/static_src/src/sass/components/_button.scss
+++ b/opentech/static_src/src/sass/components/_button.scss
@@ -45,12 +45,21 @@
             border: 1px solid $color--white;
             transition: background, color,  $transition;
 
+            &:hover {
+                .goog-te-menu-value {
+                    span {
+                        color: $color--dark-blue !important; // sass-lint:disable-line no-important
+                    }
+                }
+            }
+
             .goog-te-menu-value {
                 color: $color--white;
 
                 span {
                     // color of the arrow is inlined hence !important
                     color: $color--white !important; // sass-lint:disable-line no-important
+                    transition: color  $transition;
 
                     &:nth-of-type(2) {
                         // hide the pipe