diff --git a/src/lib/components/molecules/YearNav.svelte b/src/lib/components/molecules/YearNav.svelte
new file mode 100644
index 0000000..a6ab3ad
--- /dev/null
+++ b/src/lib/components/molecules/YearNav.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import Button from '../atoms/Button.svelte';
+
+	type Props = {
+		years: Year[];
+	};
+
+	let { years }: Props = $props();
+</script>
+
+<div class="mb-6 flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
+	<div class="flex items-center gap-2">
+		<Button variant="secondary" href="/">Prezenty tego roku</Button>
+		{#each years as year}
+			<Button href={`/year/${year.year}`} variant="secondary">
+				{year.year}
+			</Button>
+		{/each}
+	</div>
+</div>
diff --git a/src/lib/components/organisms/YearOverview.svelte b/src/lib/components/organisms/YearOverview.svelte
index 5dc68c8..fe62482 100644
--- a/src/lib/components/organisms/YearOverview.svelte
+++ b/src/lib/components/organisms/YearOverview.svelte
@@ -22,7 +22,6 @@
 	const ready = $derived(gifts.filter((gift) => gift.status === 'ready'));
 	const wrapped = $derived(gifts.filter((gift) => gift.status === 'wrapped'));
 
-	const total = $derived(getTotal(gifts));
 	const totalPlanned = $derived(getTotal(planned) + getTotal(decided));
 	const totalBought = $derived(getTotal(bought) + getTotal(ready) + getTotal(wrapped));