diff --git a/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte b/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte
index e3574721..0b7f13ad 100644
--- a/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte
+++ b/frontend/src/lib/shared/dashboard/ReaderHeaderBar.svelte
@@ -41,7 +41,7 @@ const timeLabel = $derived.by(() => {
 	>
 		<a
 			href="/documents"
-			class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-3 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
+			class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
 		>
 			<span class="block text-2xl leading-none font-black text-brand-navy">{documents ?? '—'}</span>
 			<span
@@ -56,7 +56,7 @@ const timeLabel = $derived.by(() => {
 
 		<a
 			href="/persons"
-			class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-3 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
+			class="flex min-h-[44px] flex-col items-center justify-center border-r border-line-soft px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
 		>
 			<span class="block text-2xl leading-none font-black text-brand-navy">{persons ?? '—'}</span>
 			<span
@@ -71,7 +71,7 @@ const timeLabel = $derived.by(() => {
 
 		<a
 			href="/geschichten"
-			class="flex min-h-[44px] flex-col items-center justify-center px-3 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
+			class="flex min-h-[44px] flex-col items-center justify-center px-5 focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none"
 		>
 			<span class="block text-2xl leading-none font-black text-brand-navy">{stories ?? '—'}</span>
 			<span