apply gray color when the button is hovered

src/client/styles/scss/theme/_apply-colors-dark.scss

@@ -207,6 +207,15 @@ ul.pagination {
   background-color: rgba($bgcolor-subnav, 0.85);
 }
 
+.three-stranded-button {
+  .btn-outline-primary {
+    &:hover {
+      color: $primary;
+      background-color: $gray-700;
+    }
+  }
+}
+
 // Search drop down
 #search-typeahead-asynctypeahead {
   background-color: $bgcolor-global;

src/client/styles/scss/theme/_apply-colors-light.scss

@@ -136,7 +136,7 @@ $table-hover-bg: $bgcolor-table-hover;
   .btn-outline-primary {
     &:hover {
       color: $primary;
-      background-color: lighten($secondary, 45%);
+      background-color: $gray-200;
     }
   }
 }