diff --git a/web/ui/static/js/alerts.js b/web/ui/static/js/alerts.js
index e89183148e..517d0a7b1a 100644
--- a/web/ui/static/js/alerts.js
+++ b/web/ui/static/js/alerts.js
@@ -49,6 +49,11 @@ function init() {
   $("#alertFilters :input").change(function() {
         const target = $(this).attr("id");
         var shouldHide = $(this).parent().hasClass("active");
+        var checkClass = shouldHide ? 'unchecked' : 'check';
+        $(this).parent().find('i.glyphicon')
+          .removeClass("glyphicon-check")
+          .removeClass("glyphicon-unchecked")
+          .addClass("glyphicon-" + checkClass);
         if (target === "inactiveAlerts") {
             localStorage.setItem("hideInactiveAlerts", shouldHide);
             displayAlerts("alert-success", !shouldHide);
diff --git a/web/ui/templates/alerts.html b/web/ui/templates/alerts.html
index af8ab5c52f..c531fc8254 100644
--- a/web/ui/templates/alerts.html
+++ b/web/ui/templates/alerts.html
@@ -8,13 +8,13 @@
   <h1>Alerts</h1>
     <div id="alertFilters" class="btn-group btn-group-toggle" data-toggle="buttons">
         <label class="btn btn-primary active">
-            <input type="checkbox" name="alertFilters" id="inactiveAlerts" autocomplete="off"> Inactive ({{ .Counts.Inactive }})
+            <input type="checkbox" name="alertFilters" id="inactiveAlerts" autocomplete="off"> <i class="glyphicon glyphicon-check"></i> Inactive ({{ .Counts.Inactive }})
         </label>
         <label class="btn btn-primary active">
-            <input type="checkbox" name="alertFilters" id="pendingAlerts" autocomplete="off"> Pending ({{ .Counts.Pending }})
+            <input type="checkbox" name="alertFilters" id="pendingAlerts" autocomplete="off"> <i class="glyphicon glyphicon-check"></i> Pending ({{ .Counts.Pending }})
         </label>
         <label class="btn btn-primary active">
-            <input type="checkbox" name="alertFilters" id="firingAlerts" autocomplete="off"> Firing ({{ .Counts.Firing }})
+            <input type="checkbox" name="alertFilters" id="firingAlerts" autocomplete="off"> <i class="glyphicon glyphicon-check"></i> Firing ({{ .Counts.Firing }})
         </label>
         </br>
     </div>