diff --git a/ui/src/Components/Labels/FilterInputLabel/index.tsx b/ui/src/Components/Labels/FilterInputLabel/index.tsx
index 339d52f01..1b0af9429 100644
--- a/ui/src/Components/Labels/FilterInputLabel/index.tsx
+++ b/ui/src/Components/Labels/FilterInputLabel/index.tsx
@@ -31,7 +31,7 @@ const FilterInputLabel: FC<{
     alertStore,
     filter.matcher === QueryOperators.Equal ? filter.name : "",
     filter.matcher === QueryOperators.Equal ? filter.value : "",
-    "components-filteredinputlabel btn-sm text-white",
+    "components-filteredinputlabel btn-sm",
     "btn"
   );
 
diff --git a/ui/src/Components/Labels/Utils.test.ts b/ui/src/Components/Labels/Utils.test.ts
index 46bea5e53..93f2b55c4 100644
--- a/ui/src/Components/Labels/Utils.test.ts
+++ b/ui/src/Components/Labels/Utils.test.ts
@@ -46,18 +46,22 @@ describe("<GetClassAndStyle />", () => {
 
   it("@state=active label should use StateLabelClassMap.active class", () => {
     const cs = GetClassAndStyle(alertStore, "@state", "active");
-    expect(cs.colorClassNames).toContain(`bg-${StateLabelClassMap.active}`);
+    expect(cs.colorClassNames).toContain(
+      `bg-${StateLabelClassMap.active} text-white`
+    );
   });
 
   it("@state=suppressed label should use StateLabelClassMap.suppressed class", () => {
     const cs = GetClassAndStyle(alertStore, "@state", "suppressed");
-    expect(cs.colorClassNames).toContain(`bg-${StateLabelClassMap.suppressed}`);
+    expect(cs.colorClassNames).toContain(
+      `bg-${StateLabelClassMap.suppressed} text-white`
+    );
   });
 
   it("@state=unprocessed label should use StateLabelClassMap.unprocessed class", () => {
     const cs = GetClassAndStyle(alertStore, "@state", "unprocessed");
     expect(cs.colorClassNames).toContain(
-      `bg-${StateLabelClassMap.unprocessed}`
+      `bg-${StateLabelClassMap.unprocessed} text-white`
     );
   });
 
diff --git a/ui/src/Components/Labels/Utils.ts b/ui/src/Components/Labels/Utils.ts
index 18016cec4..a7f685777 100644
--- a/ui/src/Components/Labels/Utils.ts
+++ b/ui/src/Components/Labels/Utils.ts
@@ -38,7 +38,7 @@ const GetClassAndStyle = (
   } else if (name === StaticLabels.State) {
     data.colorClassNames.push(
       StateLabelClassMap[value as AlertStateT]
-        ? `bg-${StateLabelClassMap[value as AlertStateT]}`
+        ? `bg-${StateLabelClassMap[value as AlertStateT]} text-white`
         : DefaultLabelClassMap[elementType]
     );
   } else if (alertStore.settings.values.staticColorLabels.includes(name)) {