diff --git a/awx/ui/client/legacy-styles/lists.less b/awx/ui/client/legacy-styles/lists.less
index 46eb3739f1..1a33812e6f 100644
--- a/awx/ui/client/legacy-styles/lists.less
+++ b/awx/ui/client/legacy-styles/lists.less
@@ -211,14 +211,14 @@ table, tbody {
     height: 32px;
     width: 32px;
     border-left: 1px solid @list-srch-inpt-bord;
-    color: #B7B7B7;
+    color: @list-srch-btn-icon;
     float: right;
     position: relative;
     top: -33px;
     left: -1px;
     z-index: 10;
     font-size: 16px;
-    background-color: #FFFFFF;
+    background-color: @list-srch-btn-bg;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -228,6 +228,6 @@ table, tbody {
 
 .List-searchInputIcon:hover {
     cursor: pointer;
-    background-color: #FAFAFA;
-    color: #B7B7B7;
+    background-color: @list-srch-btn-hov-bg;
+    color: @list-srch-btn-icon;
 }
diff --git a/awx/ui/client/src/shared/branding/colors.default.less b/awx/ui/client/src/shared/branding/colors.default.less
index d9f33405c4..1e5d560d29 100644
--- a/awx/ui/client/src/shared/branding/colors.default.less
+++ b/awx/ui/client/src/shared/branding/colors.default.less
@@ -59,6 +59,9 @@
 @list-srch-inpt-ph-txt: @default-icon;
 @list-srch-inpt-bord:   @default-second-border;
 @list-srch-inpt-focus:  @default-link;
+@list-srch-btn-icon:    @default-icon;
+@list-srch-btn-bg:      @default-bg;
+@list-srch-btn-hov-bg:  @default-tertiary-bg;
 
 // tooltups
 @tooltip-bg:            @default-interface-txt;