diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index 4861344..ddd02f3 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -113,12 +113,12 @@ table td {
 
   #search-input {
     border: 3px solid $black;
-    background-color: opacify($black, 0.8);
+    background-color: transparentize($black, 0.2);
     text-align: center;
     color: $body-color;
 
     &::placeholder {
-      color: opacify($body-color, 0.8);
+      color: transparentize($body-color, 0.2);
     }
   }
 }
@@ -356,7 +356,7 @@ a.no-color-change {
 
   #search-input {
     border: 0;
-    background-color: opacify($black, 0.6);
+    background-color: transparentize($black, 0.4);
     color: $body-color;
   }