diff --git a/src/common/react-tag-autocomplete.scss b/src/common/react-tag-autocomplete.scss
index 5b0c8ab5..c8b9e37c 100644
--- a/src/common/react-tag-autocomplete.scss
+++ b/src/common/react-tag-autocomplete.scss
@@ -10,7 +10,7 @@
   position: relative;
   padding: 5px 0 0 6px;
   border-radius: .3rem;
-  background-color: var(--input-color);
+  background-color: var(--primary-color);
   border: 1px solid var(--input-border-color);
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 
@@ -22,6 +22,10 @@
   cursor: text;
 }
 
+.card .react-tags {
+  background-color: var(--input-color);
+}
+
 .react-tags.is-focused {
   box-shadow: 0 0 0 .2rem rgb(70 150 229 / 25%);
 }
@@ -82,7 +86,7 @@
   font-size: 1.25rem;
   line-height: inherit;
   color: var(--input-text-color);
-  background-color: var(--input-color);
+  background-color: inherit;
 
   /* prevent autoresize overflowing the container */
   max-width: 100%;
@@ -94,6 +98,10 @@
   outline: none;
 }
 
+.react-tags__search-input::placeholder {
+  color: #6c757d;
+}
+
 .react-tags__search-input::-ms-clear {
   display: none;
 }
diff --git a/src/utils/SearchField.scss b/src/utils/SearchField.scss
index 513844b4..3d8d2849 100644
--- a/src/utils/SearchField.scss
+++ b/src/utils/SearchField.scss
@@ -22,7 +22,7 @@
   @include vertical-align();
 
   left: 15px;
-  color: #707581;
+  color: #6c757d;
 }
 
 .search-field__close {