diff --git a/playwright/e2e/versions.spec.ts b/playwright/e2e/versions.spec.ts
index c1a6b1f3ea7..58808fc243b 100644
--- a/playwright/e2e/versions.spec.ts
+++ b/playwright/e2e/versions.spec.ts
@@ -62,6 +62,15 @@ test.describe('Versions with distant timestamps', () => {
 		const current = page.locator('.ProseMirror[contenteditable="true"]')
 		await expect(oldVersion.getByRole('heading', { name: 'V1' })).toBeVisible()
 		await expect(current.getByRole('heading', { name: 'V3' })).toBeVisible()
+
+		// Test that version contents are vertically aligned
+		const oldBox = await oldVersion
+			.getByRole('heading', { name: 'V1' })
+			.boundingBox()
+		const currentBox = await oldVersion
+			.getByRole('heading', { name: 'V3' })
+			.boundingBox()
+		expect(Math.abs(oldBox!.y - currentBox!.y)).toBeLessThan(5)
 	})
 })
 
diff --git a/src/components/ViewerComponent.vue b/src/components/ViewerComponent.vue
index 068b418a7fd..1421c764a2b 100644
--- a/src/components/ViewerComponent.vue
+++ b/src/components/ViewerComponent.vue
@@ -146,6 +146,13 @@ body .toastify.dialogs {
 	margin-top: calc(45px + var(--default-clickable-area));
 }
 
+.viewer--split .source-viewer .editor__content-wrapper {
+	// Account for missing menubar for old version in version comparison
+	margin-top: calc(
+		var(--default-clickable-area) + 2 * var(--default-grid-baseline)
+	);
+}
+
 .viewer[data-handler='text'] .modal-wrapper .modal-container {
 	bottom: 0;
 }