diff --git a/ui/src/components/filter/KestraFilter.vue b/ui/src/components/filter/KestraFilter.vue
index 824d7c05aaf..d2256a8f2c7 100644
--- a/ui/src/components/filter/KestraFilter.vue
+++ b/ui/src/components/filter/KestraFilter.vue
@@ -84,6 +84,7 @@
                             c.value.includes(filter.value),
                         ),
                         disabled: isOptionDisabled(filter),
+                        'level-3': true
                     }"
                     @click="
                         () => !isOptionDisabled(filter) && valueCallback(filter)
@@ -877,15 +878,16 @@ $dashboards: 52px;
         }
     }
 
+    .el-select-dropdown__empty span {
+        padding: 0 1rem;
+        color: var(--ks-content-inactive);
+    }
+
     & .el-date-editor.el-input__wrapper {
         background-color: initial;
         box-shadow: none;
     }
 
-    & .el-select-dropdown__item {
-        padding-right: 20px;
-    }
-
     & .el-select-dropdown__item .material-design-icon {
         bottom: -0.15rem;
     }
diff --git a/ui/src/components/filter/components/Label.vue b/ui/src/components/filter/components/Label.vue
index 70b0be30e17..1c579d5edb3 100644
--- a/ui/src/components/filter/components/Label.vue
+++ b/ui/src/components/filter/components/Label.vue
@@ -41,7 +41,6 @@
 </script>
 
 <style scoped lang="scss">
-@import "../styles/filter";
 
 .comparator {
     display: inline-block;
@@ -49,6 +48,6 @@
     margin: 0 0.5rem;
     padding: 0.3rem 0.35rem;
 
-    background: $filters-gray-500;
+    background: var(--ks-background-paused);
 }
 </style>