diff --git a/src/main.js b/src/main.js
index d3fc3fb..5726616 100644
--- a/src/main.js
+++ b/src/main.js
@@ -71,6 +71,10 @@ class TemplateEntityRow extends LitElement {
               }
             }
           }
+          style=${active
+            ? "--paper-item-icon-color: var(--paper-item-icon-active-color, #fdd835);"
+            : ""
+          }
         ></state-badge>
         <div class="flex">
           <div
diff --git a/template-entity-row.js b/template-entity-row.js
index 77dd75a..1ab05ec 100644
--- a/template-entity-row.js
+++ b/template-entity-row.js
@@ -3,6 +3,7 @@
         <state-badge
           .hass=${this.hass}
           .stateObj=${{entity_id:t?t.entity_id:"light.",state:void 0!==this.state.active?o?"on":"off":t?t.state:"off",attributes:{icon:e,entity_picture:i}}}
+          style=${o?"--paper-item-icon-color: var(--paper-item-icon-active-color, #fdd835);":""}
         ></state-badge>
         <div class="flex">
           <div