diff --git a/src/main/js/components/dropdowns/hetero-list.js b/src/main/js/components/dropdowns/hetero-list.js
index 0eab2b9ea3..48542f2e7d 100644
--- a/src/main/js/components/dropdowns/hetero-list.js
+++ b/src/main/js/components/dropdowns/hetero-list.js
@@ -196,7 +196,7 @@ function generateButtons() {
 
 function createFilter(menu) {
   const filterInput = createElementFromHtml(`
-    <input class="jenkins-dropdown__filter-input" placeholder="Filter" spellcheck="false" type="search"/>
+    <input class="jenkins-input jenkins-search__input jenkins-dropdown__filter-input" placeholder="Filter" spellcheck="false" type="search"/>
   `);
 
   filterInput.addEventListener("input", (event) =>
diff --git a/src/main/scss/components/_dropdowns.scss b/src/main/scss/components/_dropdowns.scss
index 805425c858..0835ae0686 100644
--- a/src/main/scss/components/_dropdowns.scss
+++ b/src/main/scss/components/_dropdowns.scss
@@ -73,17 +73,13 @@ $dropdown-padding: 0.375rem;
     border-bottom: var(--jenkins-border);
 
     &-input {
-      &:focus {
-        outline: none;
-      }
-
-      &::placeholder {
-        color: var(--text-color-secondary);
-      }
-
-      width: 100%;
-      border: none;
-      background-color: unset;
+      outline: none !important;
+      border: none !important;
+      background-color: unset !important;
+      box-shadow: none !important;
+      padding: 0 !important;
+      min-height: 0 !important;
+      border-radius: 0 !important;
     }
 
     svg {