diff --git a/web/src/lib/components/photos-page/asset-date-group.svelte b/web/src/lib/components/photos-page/asset-date-group.svelte
index f41cd7e30f..11176856e1 100644
--- a/web/src/lib/components/photos-page/asset-date-group.svelte
+++ b/web/src/lib/components/photos-page/asset-date-group.svelte
@@ -109,9 +109,13 @@
 	{#each assetsGroupByDate as assetsInDateGroup, groupIndex (assetsInDateGroup[0].id)}
 		{@const dateGroupTitle = moment(assetsInDateGroup[0].createdAt).format('ddd, MMM DD YYYY')}
 		<!-- Asset Group By Date -->
+
 		<div
 			class="flex flex-col"
-			on:mouseenter={() => (isMouseOverGroup = true)}
+			on:mouseenter={() => {
+				isMouseOverGroup = true;
+				assetMouseEventHandler(dateGroupTitle);
+			}}
 			on:mouseleave={() => (isMouseOverGroup = false)}
 		>
 			<!-- Date group title -->