diff --git a/frontend/src/lib/components/Calendar/Day.svelte b/frontend/src/lib/components/Calendar/Day.svelte
index 57556ec79..045ba2ec4 100644
--- a/frontend/src/lib/components/Calendar/Day.svelte
+++ b/frontend/src/lib/components/Calendar/Day.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { fly } from 'svelte/transition';
+	import Anchor from '$lib/components/Anchor/Anchor.svelte';
 
 	export let day: number;
 	export let month: number;
@@ -34,9 +35,9 @@
 				<div class="flex flex-col justify-center h-full">
 					{#each displayInfo(day, month, year) as eta}
 						<li class="unstyled hover:underline">
-							<a href={eta[1]}>
+							<Anchor href={eta[1]}>
 								{eta[0]}
-							</a>
+							</Anchor>
 						</li>
 					{/each}
 				</div>
@@ -52,9 +53,9 @@
 				<div class="flex flex-col justify-center h-full">
 					{#each displayInfo(day, month, year) as eta}
 						<li class="unstyled hover:underline text-red-500">
-							<a href={eta[1]}>
+							<Anchor href={eta[1]}>
 								{eta[0]}
-							</a>
+							</Anchor>
 						</li>
 					{/each}
 				</div>
@@ -70,9 +71,9 @@
 				<div class="flex flex-col justify-center h-full">
 					{#each displayInfo(day, month, year) as eta}
 						<li class="unstyled hover:underline text-primary-500">
-							<a href={eta[1]}>
+							<Anchor href={eta[1]}>
 								{eta[0]}
-							</a>
+							</Anchor>
 						</li>
 					{/each}
 				</div>