diff --git a/frontend/src/lib/components/DocumentTopBar.svelte b/frontend/src/lib/components/DocumentTopBar.svelte
index 0922c014..faeb6273 100644
--- a/frontend/src/lib/components/DocumentTopBar.svelte
+++ b/frontend/src/lib/components/DocumentTopBar.svelte
@@ -103,13 +103,13 @@ const longDate = $derived(doc.documentDate ? formatDate(doc.documentDate, 'long'
 					onclick={() => (annotateMode = true)}
 					aria-label={m.doc_panel_annotate()}
 					aria-pressed={false}
-					class="hidden items-center gap-1.5 rounded border border-primary px-3 py-1.5 font-sans text-xs font-medium text-ink transition hover:bg-primary hover:text-primary-fg focus-visible:ring-2 focus-visible:ring-primary md:flex"
+					class="hidden items-center gap-1.5 rounded border border-primary px-3 py-1.5 font-sans text-[16px] font-medium text-ink transition hover:bg-primary hover:text-primary-fg focus-visible:ring-2 focus-visible:ring-primary md:flex"
 				>
 					<img
 						src="/degruyter-icons/Simple/Medium-24px/SVG/Action/Note/Note-Add-MD.svg"
 						alt=""
 						aria-hidden="true"
-						class="h-4 w-4"
+						class="h-5 w-5"
 					/>
 					<span>{m.doc_panel_annotate()}</span>
 				</button>
@@ -120,13 +120,13 @@ const longDate = $derived(doc.documentDate ? formatDate(doc.documentDate, 'long'
 					onclick={() => (annotateMode = false)}
 					aria-label={m.doc_panel_annotate_stop()}
 					aria-pressed={true}
-					class="hidden items-center gap-1.5 rounded bg-primary px-3 py-1.5 font-sans text-xs font-medium text-primary-fg transition focus-visible:ring-2 focus-visible:ring-primary md:flex"
+					class="hidden items-center gap-1.5 rounded bg-primary px-3 py-1.5 font-sans text-[16px] font-medium text-primary-fg transition focus-visible:ring-2 focus-visible:ring-primary md:flex"
 				>
 					<img
 						src="/degruyter-icons/Simple/Medium-24px/SVG/Action/Note/Note-Add-MD.svg"
 						alt=""
 						aria-hidden="true"
-						class="h-4 w-4 invert"
+						class="h-5 w-5 invert"
 					/>
 					<span>{m.doc_panel_annotate_stop()}</span>
 				</button>
@@ -136,13 +136,13 @@ const longDate = $derived(doc.documentDate ? formatDate(doc.documentDate, 'long'
 				<a
 					href="/documents/{doc.id}/edit"
 					aria-label={m.btn_edit()}
-					class="flex items-center gap-1.5 rounded border border-primary bg-transparent px-3 py-1.5 text-xs font-medium text-ink transition hover:bg-primary hover:text-primary-fg focus-visible:ring-2 focus-visible:ring-primary"
+					class="flex items-center gap-1.5 rounded border border-primary bg-transparent px-3 py-1.5 text-[16px] font-medium text-ink transition hover:bg-primary hover:text-primary-fg focus-visible:ring-2 focus-visible:ring-primary"
 				>
 					<img
 						src="/degruyter-icons/Simple/Medium-24px/SVG/Action/Edit-Content-MD.svg"
 						alt=""
 						aria-hidden="true"
-						class="h-4 w-4"
+						class="h-5 w-5"
 					/>
 					<span class="hidden sm:inline">{m.btn_edit()}</span>
 				</a>