diff --git a/src/panels/lovelace/card-features/hui-card-features.ts b/src/panels/lovelace/card-features/hui-card-features.ts
index 6f2c317aae..101561c78d 100644
--- a/src/panels/lovelace/card-features/hui-card-features.ts
+++ b/src/panels/lovelace/card-features/hui-card-features.ts
@@ -68,6 +68,7 @@ export class HuiCardFeatures extends LitElement {
   static get styles(): CSSResultGroup {
     return css`
       :host {
+        --feature-color: var(--state-icon-color);
         display: flex;
         flex-direction: column;
       }
diff --git a/src/panels/lovelace/cards/hui-tile-card.ts b/src/panels/lovelace/cards/hui-tile-card.ts
index 8e690fad65..5b35372c02 100644
--- a/src/panels/lovelace/cards/hui-tile-card.ts
+++ b/src/panels/lovelace/cards/hui-tile-card.ts
@@ -523,8 +523,8 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
         box-sizing: border-box;
         pointer-events: none;
       }
-      .features {
-        position: relative;
+      hui-card-features {
+        --feature-color: var(--tile-color);
       }
 
       ha-tile-icon[data-domain="alarm_control_panel"][data-state="pending"],