diff --git a/assets/css/src/events-grid.css b/assets/css/src/events-grid.css
index f13d969..73ba07e 100644
--- a/assets/css/src/events-grid.css
+++ b/assets/css/src/events-grid.css
@@ -14,6 +14,10 @@
   position: relative;
 }
 
+.event-card:hover .event-card__infos {
+  color: var(--color);
+}
+
 .event-card picture {
   height: calc(((100vw - 9 * var(--space-m)) / 12) * var(--span));
   margin-bottom: calc(var(--space-m) / 2);
diff --git a/site/snippets/event-card.php b/site/snippets/event-card.php
index 6a4d7b2..e33afdf 100644
--- a/site/snippets/event-card.php
+++ b/site/snippets/event-card.php
@@ -1,6 +1,6 @@
-<div class="event-card grid__item" style="--span: <?= $span ?>">
+<div class="event-card grid__item" style="--span: <?= $span ?>; --color: <?= $event->color()->isEmpty() || $event->color() == '#fff' ? 'var(--color-season)' : $event->color() ?>">
   <a class="event-card__link" href="<?= $event->url() ?>"></a>
-  <div class="image-wrapper" style="--color: <?= $event->color()->isNotEmpty() ? $event->color() : 'var(--color-season)' ?>">
+  <div class="image-wrapper">
   <?php if ($event->gallery()->toFiles()->count() > 1): ?>
     <?php snippet('picture', [
       'file' => $event->gallery()->toFiles()->first(),