diff --git a/src/components/entity/state-badge.html b/src/components/entity/state-badge.html
index 60f2f11337..b3b25fe59d 100644
--- a/src/components/entity/state-badge.html
+++ b/src/components/entity/state-badge.html
@@ -32,7 +32,7 @@
 
     /* Color the icon if unavailable */
     ha-state-icon[data-state=unavailable] {
-      color: var(--state-icon-unavailable);
+      color: var(--state-icon-unavailable-color);
     }
     </style>