diff --git a/ui/src/Components/Labels/FilteringCounterBadge/index.js b/ui/src/Components/Labels/FilteringCounterBadge/index.js
index 846585afd..11a57fd2e 100644
--- a/ui/src/Components/Labels/FilteringCounterBadge/index.js
+++ b/ui/src/Components/Labels/FilteringCounterBadge/index.js
@@ -44,7 +44,7 @@ const FilteringCounterBadge = observer(
                 themed
                   ? cs.className
                   : [
-                      "badge-light badge-pill components-label-with-hover",
+                      "badge-primary badge-pill components-label-with-hover",
                       ...cs.baseClassNames
                     ].join(" ")
               }
diff --git a/ui/src/Components/Labels/FilteringCounterBadge/index.test.js b/ui/src/Components/Labels/FilteringCounterBadge/index.test.js
index 11fd4b22c..465234b36 100644
--- a/ui/src/Components/Labels/FilteringCounterBadge/index.test.js
+++ b/ui/src/Components/Labels/FilteringCounterBadge/index.test.js
@@ -66,8 +66,8 @@ describe("<FilteringCounterBadge />", () => {
   it("themed @state=suppressed counter badge should have className 'badge-secondary'", () => {
     validateClassName("suppressed", "badge-success", true);
   });
-  it("unthemed @state=suppressed counter badge should have className 'badge-light'", () => {
-    validateClassName("suppressed", "badge-light", false);
+  it("unthemed @state=suppressed counter badge should have className 'badge-primary'", () => {
+    validateClassName("suppressed", "badge-primary", false);
   });
 
   it("@state=unprocessed counter badge should have empty style", () => {
diff --git a/ui/src/Components/ManagedSilence/__snapshots__/SilenceComment.test.js.snap b/ui/src/Components/ManagedSilence/__snapshots__/SilenceComment.test.js.snap
index a35a13958..73f452e2d 100644
--- a/ui/src/Components/ManagedSilence/__snapshots__/SilenceComment.test.js.snap
+++ b/ui/src/Components/ManagedSilence/__snapshots__/SilenceComment.test.js.snap
@@ -43,7 +43,7 @@ exports[`<SilenceComment /> Matches snapshot when collapsed 1`] = `
            aria-describedby=\\"tippy-tooltip-1\\"
            data-original-title=\\"Click to only show @silence_id=04d37636-2350-4878-b382-e0b50353230f alerts or Alt+Click to hide them\\"
       >
-        <span class=\\" badge-light badge-pill components-label-with-hover components-label badge\\"
+        <span class=\\" badge-primary badge-pill components-label-with-hover components-label badge\\"
               style=\\"opacity: 1;\\"
         >
           123
@@ -106,7 +106,7 @@ exports[`<SilenceComment /> Matches snapshot when expanded 1`] = `
            aria-describedby=\\"tippy-tooltip-2\\"
            data-original-title=\\"Click to only show @silence_id=04d37636-2350-4878-b382-e0b50353230f alerts or Alt+Click to hide them\\"
       >
-        <span class=\\" badge-light badge-pill components-label-with-hover components-label badge\\"
+        <span class=\\" badge-primary badge-pill components-label-with-hover components-label badge\\"
               style=\\"opacity: 1;\\"
         >
           123
diff --git a/ui/src/Components/ManagedSilence/__snapshots__/index.test.js.snap b/ui/src/Components/ManagedSilence/__snapshots__/index.test.js.snap
index ba645e8dd..9c1c752d8 100644
--- a/ui/src/Components/ManagedSilence/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/ManagedSilence/__snapshots__/index.test.js.snap
@@ -55,7 +55,7 @@ exports[`<ManagedSilence /> matches snapshot when collapsed 1`] = `
                aria-describedby=\\"tippy-tooltip-1\\"
                data-original-title=\\"Click to only show @silence_id=04d37636-2350-4878-b382-e0b50353230f alerts or Alt+Click to hide them\\"
           >
-            <span class=\\" badge-light badge-pill components-label-with-hover components-label badge\\"
+            <span class=\\" badge-primary badge-pill components-label-with-hover components-label badge\\"
                   style=\\"opacity: 1;\\"
             >
               123
@@ -122,7 +122,7 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
                aria-describedby=\\"tippy-tooltip-3\\"
                data-original-title=\\"Click to only show @silence_id=04d37636-2350-4878-b382-e0b50353230f alerts or Alt+Click to hide them\\"
           >
-            <span class=\\" badge-light badge-pill components-label-with-hover components-label badge\\"
+            <span class=\\" badge-primary badge-pill components-label-with-hover components-label badge\\"
                   style=\\"opacity: 1;\\"
             >
               123