diff --git a/src/styles/_components.scss b/src/styles/_components.scss
index a712983..efc193f 100644
--- a/src/styles/_components.scss
+++ b/src/styles/_components.scss
@@ -43,10 +43,9 @@
 }
 
 // BUTTON
-
 .maputnik-button {
   cursor: pointer;
-  background-color: $color-midgray;
+  background-color: $color-gray;
   color: $color-lowgray;
   font-size: $font-size-6;
   padding: $margin-2;
@@ -55,7 +54,7 @@
   box-sizing: border-box;
 
   &:hover {
-    background-color: lighten($color-midgray, 6);
+    background-color: lighten($color-midgray, 12);
     color: $color-white;
   }
 }
diff --git a/src/styles/_input.scss b/src/styles/_input.scss
index ec31373..55080d0 100644
--- a/src/styles/_input.scss
+++ b/src/styles/_input.scss
@@ -62,7 +62,9 @@
 }
 
 .maputnik-button-selected {
-  background-color: $color-midgray;
+  background-color: lighten($color-midgray, 12);
+  outline: 1px $color-white;
+  color: white;
 }
 
 // CHECKBOX