diff --git a/res/themes/dark/css/_dark.scss b/res/themes/dark/css/_dark.scss
index 15155ba854..698cfdcf0a 100644
--- a/res/themes/dark/css/_dark.scss
+++ b/res/themes/dark/css/_dark.scss
@@ -42,7 +42,7 @@ $inverted-bg-color: $base-color;
 $selected-color: $room-highlight-color;
 
 // selected for hoverover & selected event tiles
-$event-selected-color: $header-panel-bg-color;
+$event-selected-color: #21262c;
 
 // used for the hairline dividers in RoomView
 $primary-hairline-color: transparent;
diff --git a/res/themes/light/css/_light.scss b/res/themes/light/css/_light.scss
index 315ea1c0a5..d6e411b68d 100644
--- a/res/themes/light/css/_light.scss
+++ b/res/themes/light/css/_light.scss
@@ -78,7 +78,7 @@ $droptarget-bg-color: rgba(255,255,255,0.5);
 $selected-color: $secondary-accent-color;
 
 // selected for hoverover & selected event tiles
-$event-selected-color: $header-panel-bg-color;
+$event-selected-color: #f6f7f8;
 
 // used for the hairline dividers in RoomView
 $primary-hairline-color: transparent;