diff --git a/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html b/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html
index 45cc34670..8fdc62aed 100644
--- a/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html
+++ b/src-ui/src/app/components/common/custom-fields-query-dropdown/custom-fields-query-dropdown.component.html
@@ -110,7 +110,7 @@
         <label class="btn btn-outline-primary" for="logicalOperatorAnd_{{expression.id}}" i18n>All</label>
         @if (expression.negatable)  {
           <input [(ngModel)]="expression.operator" type="radio" class="btn-check" id="logicalOperatorNot_{{expression.id}}" name="logicalOperatorNot_{{expression.id}}" value="NOT">
-          <label class="btn btn-outline-warning" for="logicalOperatorNot_{{expression.id}}" i18n>Not</label>
+          <label class="btn btn-outline-secondary" for="logicalOperatorNot_{{expression.id}}" i18n>Not</label>
         }
       </div>
       <div class="list-group list-group-flush mb-n2">
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index 9f53b5a9a..6c6075c4a 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -134,11 +134,6 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
     }
   }
 
-  .btn-outline-warning {
-    --bs-btn-active-bg: #c89600;
-    --bs-btn-active-border-color: #c89600;
-  }
-
   .btn-light {
     color: var(--bs-body-color);
   }