diff --git a/server/src/wled_controller/static/js/features/home-assistant-sources.ts b/server/src/wled_controller/static/js/features/home-assistant-sources.ts
index 563292c..9328048 100644
--- a/server/src/wled_controller/static/js/features/home-assistant-sources.ts
+++ b/server/src/wled_controller/static/js/features/home-assistant-sources.ts
@@ -218,9 +218,15 @@ export async function testHASource(): Promise<void> {
 // ── Card rendering ──
 
 export function createHASourceCard(source: HomeAssistantSource) {
-    const statusDot = source.connected
-        ? `<span class="status-dot status-dot-active" title="${t('ha_source.connected')}"></span>`
-        : `<span class="status-dot status-dot-inactive" title="${t('ha_source.disconnected')}"></span>`;
+    let healthClass: string, healthTitle: string;
+    if (source.connected) {
+        healthClass = 'health-online';
+        healthTitle = `${t('ha_source.connected')} — ${source.entity_count} entities`;
+    } else {
+        healthClass = 'health-offline';
+        healthTitle = t('ha_source.disconnected');
+    }
+    const statusDot = `<span class="health-dot ${healthClass}" title="${escapeHtml(healthTitle)}" role="status"></span>`;
 
     return wrapCard({
         type: 'template-card',