diff --git a/frontend/src/routes/documents/[id]/+page.svelte b/frontend/src/routes/documents/[id]/+page.svelte
index a16e7c13..b866dc0f 100644
--- a/frontend/src/routes/documents/[id]/+page.svelte
+++ b/frontend/src/routes/documents/[id]/+page.svelte
@@ -126,7 +126,7 @@ $effect(() => {
 	<title>{doc.title || doc.originalFilename || 'Dokument'}</title>
 </svelte:head>
 
-<div class="flex h-screen flex-col overflow-hidden bg-white" data-hydrated>
+<div class="fixed inset-0 z-50 flex flex-col overflow-hidden bg-white" data-hydrated>
 	<DocumentTopBar
 		doc={doc}
 		canWrite={data.canWrite ?? false}
@@ -149,17 +149,17 @@ $effect(() => {
 			}}
 		/>
 	</div>
-</div>
 
-<DocumentBottomPanel
-	doc={doc}
-	comments={(data.comments ?? []) as never[]}
-	canComment={canComment}
-	currentUserId={currentUserId}
-	canAdmin={canAdmin}
-	bind:open={panelOpen}
-	bind:height={panelHeight}
-	bind:activeTab={activeTab}
-	activeAnnotationId={activeAnnotationId}
-	activeAnnotationPage={activeAnnotationPage}
-/>
+	<DocumentBottomPanel
+		doc={doc}
+		comments={(data.comments ?? []) as never[]}
+		canComment={canComment}
+		currentUserId={currentUserId}
+		canAdmin={canAdmin}
+		bind:open={panelOpen}
+		bind:height={panelHeight}
+		bind:activeTab={activeTab}
+		activeAnnotationId={activeAnnotationId}
+		activeAnnotationPage={activeAnnotationPage}
+	/>
+</div>