diff --git a/src/WebApi_ws_live.cpp b/src/WebApi_ws_live.cpp
index 2860d9c..6764be9 100644
--- a/src/WebApi_ws_live.cpp
+++ b/src/WebApi_ws_live.cpp
@@ -85,7 +85,8 @@ void WebApiWsLiveClass::generateJsonResponse(JsonVariant& root)
         root[i][F("serial")] = String(buffer);
         root[i][F("name")] = inv->name();
         root[i][F("data_age")] = (millis() - inv->Statistics()->getLastUpdate()) / 1000;
-        root[i][F("reachable")] = !inv->isReachable();
+        root[i][F("reachable")] = inv->isReachable();
+        root[i][F("producing")] = inv->isProducing();
 
         // Loop all channels
         for (uint8_t c = 0; c <= inv->Statistics()->getChannelCount(); c++) {
diff --git a/webapp/src/components/HomeView.vue b/webapp/src/components/HomeView.vue
index 3250395..75bf85e 100644
--- a/webapp/src/components/HomeView.vue
+++ b/webapp/src/components/HomeView.vue
@@ -19,6 +19,9 @@
                             :id="'v-pills-' + inverter.serial + '-tab'" data-bs-toggle="pill"
                             :data-bs-target="'#v-pills-' + inverter.serial" type="button" role="tab"
                             aria-controls="'v-pills-' + inverter.serial" aria-selected="true">
+                            <BIconXCircleFill class="fs-4" v-if="!inverter.reachable" />
+                            <BIconExclamationCircleFill class="fs-4" v-if="inverter.reachable && !inverter.producing" />
+                            <BIconCheckCircleFill class="fs-4" v-if="inverter.reachable && inverter.producing" />
                             {{ inverter.name }}
                         </button>
                     </div>
@@ -31,8 +34,9 @@
                         <div class="card">
                             <div class="card-header text-white bg-primary d-flex justify-content-between align-items-center"
                                 :class="{
-                                    'bg-danger': inverter.reachable,
-                                    'bg-primary': !inverter.reachable,
+                                    'bg-danger': !inverter.reachable,
+                                    'bg-warning': inverter.reachable && !inverter.producing,
+                                    'bg-primary': inverter.reachable && inverter.producing,
                                 }">
                                 {{ inverter.name }} (Inverter Serial Number:
                                 {{ inverter.serial }}) (Data Age:
@@ -241,6 +245,7 @@ declare interface Inverter {
     serial: number,
     name: string,
     reachable: boolean,
+    producing: boolean,
     data_age: 0,
     events: 0
 }