diff --git a/packages/common/src/styles/_variables.scss b/packages/common/src/styles/_variables.scss
index 9044cff6b..bddbbd95e 100644
--- a/packages/common/src/styles/_variables.scss
+++ b/packages/common/src/styles/_variables.scss
@@ -809,6 +809,8 @@ $multiselect-ok-button-font-weight:                   600 !default;
 $multiselect-label-margin-bottom:                     6px !default;
 $multiselect-label-line-height:                       18px !default;
 $multiselect-unchecked-opacity:                       0.6 !default;
+$multiselect-placeholder-bg-color:                    transparent !default;
+$multiselect-placeholder-color:                       #707070 !default;
 $multiselect-placeholder-font-family:                 $filter-placeholder-font-family !default;
 $multiselect-ok-button-bg-color:                      #fff !default;
 $multiselect-ok-button-bg-hover-color:                darken($row-mouse-hover-color, 3%) !default;
diff --git a/packages/common/src/styles/slick-plugins.scss b/packages/common/src/styles/slick-plugins.scss
index a0049910c..609439e09 100644
--- a/packages/common/src/styles/slick-plugins.scss
+++ b/packages/common/src/styles/slick-plugins.scss
@@ -572,9 +572,10 @@
     font-family: var(--slick-multiselect-input-filter-font-family, $multiselect-input-filter-font-family);
   }
   .placeholder {
+    background-color: var(--slick-multiselect-placeholder-bg-color, $multiselect-placeholder-bg-color);
+    color: var(--slick-multiselect-placeholder-color, $multiselect-placeholder-color) !important;
     font-family: var(--slick-multiselect-placeholder-font-family, $multiselect-placeholder-font-family);
     font-size: var(--slick-header-font-size, $header-font-size);
-    color: var(--slick-editor-placeholder-color, $editor-placeholder-color) !important;
   }
 }
 .ms-filter.search-filter {