diff --git a/ui/packages/consul-ui/app/styles/components/filter-bar/skin.scss b/ui/packages/consul-ui/app/styles/components/filter-bar/skin.scss
index f0998780a..6b42c18ec 100644
--- a/ui/packages/consul-ui/app/styles/components/filter-bar/skin.scss
+++ b/ui/packages/consul-ui/app/styles/components/filter-bar/skin.scss
@@ -20,8 +20,7 @@
 }
 %filter-bar,
 %filter-bar > * {
-  /* frame-gray */
-  background-color: $gray-050;
+  background-color: $gray-010;
 }
 %filter-bar > *,
 %filter-bar label:not(:last-child) {