asset/scss/components/_forms.scss

@@ -1,3 +1,4 @@
+.hero{
   .search{
     .input-group * {
       margin: 0;
@@ -37,8 +38,7 @@
         right: 2rem;
         + .appear {
           display: block;
-        color: $primary-color;
-        background-color: $input-background-focus;
+          background-color: scale-color($input-background-focus, $lightness: -20%);
           z-index: 2;
           &:hover {
             color: $white;
@@ -64,3 +64,4 @@
       }
     }
   }
+}