diff --git a/Web App/web/src/views/Charging.vue b/Web App/web/src/views/Charging.vue
index fa618fb..0f09aa0 100644
--- a/Web App/web/src/views/Charging.vue	
+++ b/Web App/web/src/views/Charging.vue	
@@ -173,6 +173,24 @@ function sourcesLabel(sources) {
   }).join(" · ");
 }
 
+// The colour the list icon is drawn in: the same green and amber the badges in
+// the information card use, so the list can be read at a glance without opening
+// anything. A charger the service says nothing about stays muted — unknown is
+// not offline, and a green bolt for it would be a claim.
+function homeChargerStatusLabel(c) {
+  const online = liveFor(c)?.online;
+  if (online === true) return t("charging.info.online");
+  if (online === false) return t("charging.info.offline");
+  return "";
+}
+
+function homeChargerTone(c) {
+  const online = liveFor(c)?.online;
+  if (online === true) return TONE.good.fg;
+  if (online === false) return TONE.due.fg;
+  return "var(--text-muted)";
+}
+
 // The OCPP connector state as the *service* sees it — the cloud's own reading,
 // not our CSMS's. It words it when it can and numbers it when it cannot.
 function ocppStatusLabel(live) {
@@ -646,8 +664,9 @@ onMounted(async () => {
               <span
                 class="grid h-9 w-9 flex-none place-items-center rounded-control"
                 :class="selected === c.id ? 'bg-card' : 'bg-sunken'"
+                :title="homeChargerStatusLabel(c)"
               >
-                <svg viewBox="0 0 24 24" fill="none" :stroke="TONE.good.fg" stroke-width="2" class="h-4.5 w-4.5"><path stroke-linecap="round" stroke-linejoin="round" d="M13 2 4.5 13.5H11l-1 8.5 8.5-11.5H12z"/></svg>
+                <svg viewBox="0 0 24 24" fill="none" :stroke="homeChargerTone(c)" stroke-width="2" class="h-4.5 w-4.5"><path stroke-linecap="round" stroke-linejoin="round" d="M13 2 4.5 13.5H11l-1 8.5 8.5-11.5H12z"/></svg>
               </span>
               <span class="min-w-0 flex-1">
                 <span class="block truncate text-sm font-semibold text-strong">{{ c.name }}</span>