diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.js.snap
index 171436ad7..1216f37c3 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.js.snap
@@ -86,7 +86,7 @@ exports[`<Alert /> matches snapshot when inhibited 1`] = `
        aria-describedby=\\"tippy-tooltip-7\\"
        data-original-title=\\"This alert is inhibited by other alerts\\"
   >
-    <span class=\\"mr-1 badge badge-light\\">
+    <span class=\\"mr-1 badge badge-light components-label\\">
       <svg aria-hidden=\\"true\\"
            focusable=\\"false\\"
            data-prefix=\\"fas\\"
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.js
index 771bb00fd..475e0042e 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.js
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.js
@@ -97,7 +97,7 @@ const Alert = observer(
             .map(am => am.inhibitedBy.length)
             .reduce((sum, x) => sum + x) > 0 ? (
             <TooltipWrapper title="This alert is inhibited by other alerts">
-              <span className="mr-1 badge badge-light">
+              <span className="mr-1 badge badge-light components-label">
                 <FontAwesomeIcon className="text-success" icon={faVolumeMute} />
               </span>
             </TooltipWrapper>