diff --git a/web/status.go b/web/status.go
index f536f5561d..6f92c51c40 100644
--- a/web/status.go
+++ b/web/status.go
@@ -42,8 +42,8 @@ type PrometheusStatusHandler struct {
 func (h *PrometheusStatusHandler) TargetHealthToClass() map[retrieval.TargetHealth]string {
 	return map[retrieval.TargetHealth]string{
 		retrieval.HealthUnknown: "warning",
-		retrieval.HealthBad:     "success",
-		retrieval.HealthGood:    "danger",
+		retrieval.HealthGood:    "success",
+		retrieval.HealthBad:     "danger",
 	}
 }
 
diff --git a/web/templates/status.html b/web/templates/status.html
index c9609e7862..3ee4b0ef75 100644
--- a/web/templates/status.html
+++ b/web/templates/status.html
@@ -32,6 +32,7 @@
 
     <h2>Targets</h2>
       <table class="table table-condensed table-bordered table-striped table-hover">
+        {{$healthToClass := .TargetHealthToClass}}
         {{range $job, $pool := call .TargetPools}}
           <thead>
             <tr><th colspan="5" class="job_header">{{$job}}</th></tr>
@@ -50,8 +51,8 @@
                 <a href="{{.URL | globalURL}}">{{.URL}}</a>
               </td>
               <td>
-                <span class="alert alert-{{index .TargetHealthToClass .Status.State}} target_status_alert">
-                  {{.Status.State}}
+                <span class="alert alert-{{index $healthToClass .Status.Health}} target_status_alert">
+                  {{.Status.Health}}
                 </span>
               </td>
               <td>