diff --git a/web/blob/static/css/prometheus.css b/web/blob/static/css/prometheus.css
index c44c65ec17..9dba1bd6e6 100644
--- a/web/blob/static/css/prometheus.css
+++ b/web/blob/static/css/prometheus.css
@@ -12,7 +12,6 @@ th.job_header {
 
 .state_indicator {
   padding: 0 4px 0 4px;
-  text-transform: uppercase;
 }
 
 .literal_output td {
diff --git a/web/blob/templates/alerts.html b/web/blob/templates/alerts.html
index aa97b336e9..b540259c51 100644
--- a/web/blob/templates/alerts.html
+++ b/web/blob/templates/alerts.html
@@ -36,7 +36,7 @@
                   <span class="label label-primary">{{$label}}="{{$value}}"</span>
                 {{end}}
               </td>
-              <td><span class="alert alert-{{ .State | alertStateToClass }} state_indicator">{{.State}}</span></td>
+              <td><span class="alert alert-{{ .State | alertStateToClass }} state_indicator text-uppercase">{{.State}}</span></td>
               <td>{{.ActiveSince.Time.UTC}}</td>
               <td>{{.Value}}</td>
               <td><a href="#" class="silence_alert_link">Silence&hellip;</a></td>
diff --git a/web/blob/templates/status.html b/web/blob/templates/status.html
index ed50c9d637..c206eb5bb7 100644
--- a/web/blob/templates/status.html
+++ b/web/blob/templates/status.html
@@ -55,7 +55,7 @@
                 {{end}}
               </td>
               <td>
-                <span class="alert alert-{{ .Status.Health | healthToClass }} state_indicator">
+                <span class="alert alert-{{ .Status.Health | healthToClass }} state_indicator text-uppercase">
                   {{.Status.Health}}
                 </span>
               </td>
@@ -76,7 +76,7 @@
               </td>
               <td>
                 {{if .Status.LastError}}
-                <span class="alert alert-danger target_status_alert">{{.Status.LastError}}</span>
+                <span class="alert alert-danger state_indicator">{{.Status.LastError}}</span>
                 {{end}}
               </td>
             </tr>