diff --git a/src/scss/thumbnail-feature-event.scss b/src/scss/thumbnail-feature-event.scss
index 790147ff..87e0a836 100644
--- a/src/scss/thumbnail-feature-event.scss
+++ b/src/scss/thumbnail-feature-event.scss
@@ -24,7 +24,7 @@ img, ha-icon {
 
 ha-icon {
   --mdc-icon-size: 50%;
-
+  color: var(--primary-text-color);
   display: flex;
   justify-content: center;
   align-items: center;