diff --git a/frontend/src/components/Dashboard/DowntimesList.vue b/frontend/src/components/Dashboard/DowntimesList.vue
index bb8e99c3..067fc871 100644
--- a/frontend/src/components/Dashboard/DowntimesList.vue
+++ b/frontend/src/components/Dashboard/DowntimesList.vue
@@ -82,7 +82,8 @@
           </td>
           <td class="d-none d-md-table-cell">
             <span
-              class=""
+              class="badge text-uppercase"
+              :class="[downtime.sub_status === 'down' ? 'badge-danger' : 'badge-warning' ]"
             >
               {{ downtime.sub_status }}
             </span>