diff --git a/.github/workflows/cypress-e2e.yml b/.github/workflows/cypress-e2e.yml
index 9745d91c770..e9cbadd03f7 100644
--- a/.github/workflows/cypress-e2e.yml
+++ b/.github/workflows/cypress-e2e.yml
@@ -13,6 +13,7 @@ env:
   # Adjust APP_NAME if your repository name is different
   APP_NAME: ${{ github.event.repository.name }}
   CYPRESS_baseUrl: http://localhost:8081/index.php
+  CYPRESS_CACHE_FOLDER: ${{ github.workspace }}/Cypress
 
 jobs:
   init:
@@ -92,7 +93,6 @@ jobs:
           key: cypress-context-${{ github.run_id }}
           path: |
             ./
-            /home/runner/.cache/Cypress
 
   cypress:
     runs-on: ubuntu-latest
@@ -126,7 +126,6 @@ jobs:
           key: cypress-context-${{ github.run_id }}
           path: |
             ./
-            /home/runner/.cache/Cypress
 
       - name: Set up node ${{ needs.init.outputs.nodeVersion }}
         uses: actions/setup-node@60edb5dd545a775178f52524783378180af0d1f8 # v4.0.2
diff --git a/REUSE.toml b/REUSE.toml
index 99f20ce5b4e..b49b9590c76 100644
--- a/REUSE.toml
+++ b/REUSE.toml
@@ -30,9 +30,9 @@ SPDX-FileCopyrightText = "Nils Adermann, Jordi Boggiano"
 SPDX-License-Identifier = "MIT"
 
 [[annotations]]
-path = ["cypress/fixtures/**", "cypress/snapshots/**", "src/tests/fixtures/**"]
+path = ["cypress/fixtures/**", "cypress/snapshots/**", "src/tests/fixtures/**", "src/tests/**/__snapshots__/**"]
 precedence = "aggregate"
-SPDX-FileCopyrightText = "2019-2024 Nextcloud GmbH and Nextcloud contributors"
+SPDX-FileCopyrightText = "2019-2025 Nextcloud GmbH and Nextcloud contributors"
 SPDX-License-Identifier = "AGPL-3.0-or-later"
 
 [[annotations]]
diff --git a/cypress/e2e/nodes/CodeBlock.spec.js b/cypress/e2e/nodes/CodeBlock.spec.js
index bc1cfe7c6c9..c3dc87c4818 100644
--- a/cypress/e2e/nodes/CodeBlock.spec.js
+++ b/cypress/e2e/nodes/CodeBlock.spec.js
@@ -77,7 +77,7 @@ describe('Front matter support', function() {
 				cy.getContent().find('code').eq(1).find('.hljs-keyword').eq(1).contains('function')
 
 				// Mermaid diagram
-				cy.getEditor().scrollTo('bottom')
+				cy.getEditor().find('.text-editor__wrapper').scrollTo('bottom')
 				cy.getContent().find('.split-view__preview').eq(2).should('be.visible')
 				cy.get('.code-block').eq(2).find('code').should('not.be.visible')
 				cy.get('.split-view__preview').find('svg .entityTitleText')
diff --git a/cypress/snapshots/base/cypress/e2e/print.spec.js/print view in single-file share.png b/cypress/snapshots/base/cypress/e2e/print.spec.js/print view in single-file share.png
index 67808315c8d..5dfe7a98817 100644
Binary files a/cypress/snapshots/base/cypress/e2e/print.spec.js/print view in single-file share.png and b/cypress/snapshots/base/cypress/e2e/print.spec.js/print view in single-file share.png differ
diff --git a/cypress/snapshots/base/cypress/e2e/print.spec.js/print view in viewer.png b/cypress/snapshots/base/cypress/e2e/print.spec.js/print view in viewer.png
index c5da195a656..1890a446104 100644
Binary files a/cypress/snapshots/base/cypress/e2e/print.spec.js/print view in viewer.png and b/cypress/snapshots/base/cypress/e2e/print.spec.js/print view in viewer.png differ
diff --git a/src/components/CollisionResolveDialog.vue b/src/components/CollisionResolveDialog.vue
index dc98afed6a7..898ebb3735d 100644
--- a/src/components/CollisionResolveDialog.vue
+++ b/src/components/CollisionResolveDialog.vue
@@ -5,10 +5,16 @@
 
 <template>
 	<div id="resolve-conflicts" class="collision-resolve-dialog" :class="{'icon-loading': clicked }">
-		<NcButton :disabled="clicked" data-cy="resolveThisVersion" @click="resolveThisVersion">
+		<NcButton size="large"
+			:disabled="clicked"
+			data-cy="resolveThisVersion"
+			@click="resolveThisVersion">
 			{{ t('text', 'Use current version') }}
 		</NcButton>
-		<NcButton :disabled="clicked" data-cy="resolveServerVersion" @click="resolveServerVersion">
+		<NcButton size="large"
+			:disabled="clicked"
+			data-cy="resolveServerVersion"
+			@click="resolveServerVersion">
 			{{ t('text', 'Use the saved version') }}
 		</NcButton>
 	</div>
diff --git a/src/components/Editor.vue b/src/components/Editor.vue
index 76893fca873..929b5a8a579 100644
--- a/src/components/Editor.vue
+++ b/src/components/Editor.vue
@@ -10,14 +10,6 @@
 		class="text-editor"
 		tabindex="-1"
 		@keydown.stop="onKeyDown">
-		<DocumentStatus v-if="displayedStatus"
-			:idle="idle"
-			:lock="lock"
-			:is-resolving-conflict="isResolvingConflict"
-			:sync-error="syncError"
-			:has-connection-issue="hasConnectionIssue"
-			@reconnect="reconnect" />
-
 		<SkeletonLoading v-if="showLoadingSkeleton" />
 		<Wrapper v-if="displayed"
 			:is-resolving-conflict="isResolvingConflict"
@@ -62,6 +54,12 @@
 			<Reader v-if="isResolvingConflict"
 				:content="syncError.data.outsideChange"
 				:is-rich-editor="isRichEditor" />
+			<CollisionResolveDialog v-if="isResolvingConflict" :sync-error="syncError" />
+			<DocumentStatus :idle="idle"
+				:lock="lock"
+				:sync-error="syncError"
+				:has-connection-issue="hasConnectionIssue"
+				@reconnect="reconnect" />
 		</Wrapper>
 		<Assistant v-if="hasEditor" />
 		<Translate :show="translateModal"
@@ -124,12 +122,14 @@ import Wrapper from './Editor/Wrapper.vue'
 import SkeletonLoading from './SkeletonLoading.vue'
 import Assistant from './Assistant.vue'
 import Translate from './Modal/Translate.vue'
+import CollisionResolveDialog from './CollisionResolveDialog.vue'
 import { generateRemoteUrl } from '@nextcloud/router'
 import { fetchNode } from '../services/WebdavClient.ts'
 
 export default {
 	name: 'Editor',
 	components: {
+		CollisionResolveDialog,
 		SkeletonLoading,
 		DocumentStatus,
 		Wrapper,
@@ -301,10 +301,7 @@ export default {
 				: '/'
 		},
 		displayed() {
-			return this.currentSession && this.active
-		},
-		displayedStatus() {
-			return this.displayed || !!this.syncError
+			return (this.currentSession && this.active) || this.syncError
 		},
 		showLoadingSkeleton() {
 			return (!this.contentLoaded || !this.displayed) && !this.syncError
diff --git a/src/components/Editor/DocumentStatus.vue b/src/components/Editor/DocumentStatus.vue
index b0930f5876b..770edde85bb 100644
--- a/src/components/Editor/DocumentStatus.vue
+++ b/src/components/Editor/DocumentStatus.vue
@@ -4,56 +4,39 @@
 -->
 
 <template>
-	<div class="document-status">
-		<NcNoteCard v-if="hasWarning" type="warning">
-			<p v-if="isLoadingError">
-				{{ syncError.data.data.error }}
-				<!-- Display reload button on PRECONDITION_FAILED response type -->
-				<a v-if="syncError.data.status === 412" class="button primary" @click="reload">{{ t('text', 'Reload') }}</a>
-			</p>
-			<p v-else-if="hasSyncCollission">
-				{{ t('text', 'Document has been changed outside of the editor. The changes cannot be applied') }}
-			</p>
-			<p v-else-if="hasConnectionIssue">
-				{{ t('text', 'Document could not be loaded. Please check your internet connection.') }}
-				<a class="button primary" @click="reconnect">{{ t('text', 'Reconnect') }}</a>
-			</p>
-		</NcNoteCard>
-		<NcNoteCard v-else-if="idle" type="info">
-			<p>
-				{{ t('text', 'Document idle for {timeout} minutes, click to continue editing', { timeout: IDLE_TIMEOUT }) }}
-				<a class="button primary" @click="reconnect">{{ t('text', 'Reconnect') }}</a>
-			</p>
-		</NcNoteCard>
-		<NcNoteCard v-if="lock" type="info">
-			<template #icon>
-				<Lock :size="20" />
-			</template>
-			<p>
-				{{ t('text', 'This file is opened read-only as it is currently locked by {user}.', { user: lock.displayName }) }}
-			</p>
-		</NcNoteCard>
-
-		<CollisionResolveDialog v-if="isResolvingConflict" :sync-error="syncError" />
+	<div class="document-status" :class="{ mobile: isMobile }">
+		<div class="status-wrapper">
+			<SyncStatus :idle="idle"
+				:sync-error="syncError"
+				:has-connection-issue="hasConnectionIssue"
+				@reconnect="$emit('reconnect')" />
+			<NcNoteCard v-if="lock" type="info" :text="lockText">
+				<template #icon>
+					<Lock :size="20" />
+				</template>
+			</NcNoteCard>
+		</div>
 	</div>
 </template>
 
 <script>
 
-import { ERROR_TYPE, IDLE_TIMEOUT } from './../../services/SyncService.js'
-import Lock from 'vue-material-design-icons/Lock.vue'
 import { NcNoteCard } from '@nextcloud/vue'
-import CollisionResolveDialog from '../CollisionResolveDialog.vue'
+import Lock from 'vue-material-design-icons/Lock.vue'
+import isMobile from '../../mixins/isMobile.js'
+import SyncStatus from './DocumentStatus/SyncStatus.vue'
 
 export default {
 	name: 'DocumentStatus',
 
 	components: {
-		CollisionResolveDialog,
-		Lock,
+		SyncStatus,
 		NcNoteCard,
+		Lock,
 	},
 
+	mixins: [isMobile],
+
 	props: {
 		idle: {
 			type: Boolean,
@@ -67,55 +50,39 @@ export default {
 			type: Object,
 			default: null,
 		},
-
 		hasConnectionIssue: {
 			type: Boolean,
 			require: true,
 		},
-		isResolvingConflict: {
-			type: Boolean,
-			require: true,
-		},
-	},
-
-	data() {
-		return {
-			IDLE_TIMEOUT,
-		}
 	},
 
 	computed: {
-		hasSyncCollission() {
-			return this.syncError && this.syncError.type === ERROR_TYPE.SAVE_COLLISSION
-		},
-		isLoadingError() {
-			return this.syncError && this.syncError.type === ERROR_TYPE.LOAD_ERROR
-		},
-		hasWarning() {
-			return this.syncError || this.hasConnectionIssue
-		},
-	},
-
-	methods: {
-		reconnect() {
-			this.$emit('reconnect')
-		},
-		reload() {
-			window.location.reload()
+		lockText() {
+			return t(
+				'text',
+				'This file is opened read-only as it is currently locked by {user}.',
+				{ user: this.lock.displayName },
+			)
 		},
 	},
-
 }
 </script>
 
 <style scoped lang="scss">
 	.document-status {
-		position: sticky;
-		top: 16px;
+		position: absolute;
+		bottom: var(--default-clickable-area);
 		z-index: 100000;
 		// max-height: 50px;
-		max-width: var(--text-editor-max-width);
 		margin: auto;
+		display: flex;
+		width: 100%;
+		justify-content: center;
+	}
+	.document-status.mobile {
+		bottom: 0;
+	}
+	.status-wrapper {
 		background-color: var(--color-main-background);
 	}
 </style>
diff --git a/src/components/Editor/DocumentStatus/SyncStatus.vue b/src/components/Editor/DocumentStatus/SyncStatus.vue
new file mode 100644
index 00000000000..097e9513c80
--- /dev/null
+++ b/src/components/Editor/DocumentStatus/SyncStatus.vue
@@ -0,0 +1,117 @@
+<!--
+  - SPDX-FileCopyrightText: 2022-2025 Nextcloud GmbH and Nextcloud contributors
+  - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+
+<template>
+	<NcNoteCard v-if="hasWarning || idle" :type="card.type || 'warning'">
+		<p v-if="card.message">
+			{{ card.message }}
+			<a v-if="card.action" class="button primary" @click="card.action">{{ card.actionLabel }}</a>
+		</p>
+	</NcNoteCard>
+</template>
+
+<script>
+
+import { ERROR_TYPE, IDLE_TIMEOUT } from '../../../services/SyncService.js'
+import { NcNoteCard } from '@nextcloud/vue'
+
+export default {
+	name: 'SyncStatus',
+
+	components: {
+		NcNoteCard,
+	},
+
+	props: {
+		idle: {
+			type: Boolean,
+			default: false,
+		},
+		syncError: {
+			type: Object,
+			default: null,
+		},
+		hasConnectionIssue: {
+			type: Boolean,
+			default: false,
+		},
+	},
+
+	data() {
+		return {
+			IDLE_TIMEOUT,
+		}
+	},
+
+	computed: {
+		card() {
+			if (this.isLoadingError) {
+				return {
+					message: this.syncError.data.data.error,
+					action: this.isPreconditionFailed ? this.reload : false,
+					actionLabel: t('text', 'Reload'),
+				}
+			}
+			if (this.hasSyncCollission) {
+				return {
+					message: t('text', 'Document has been changed outside of the editor. The changes cannot be applied'),
+				}
+			}
+			if (this.hasConnectionIssue) {
+				return {
+					message: t('text', 'Document could not be loaded. Please check your internet connection.'),
+					action: this.reconnect,
+					actionLabel: t('text', 'Reconnect'),
+				}
+			}
+			if (this.idle) {
+				return {
+					type: 'info',
+					message: t('text', 'Document idle for {timeout} minutes, click to continue editing', { timeout: IDLE_TIMEOUT }),
+					action: this.reconnect,
+					actionLabel: t('text', 'Reconnect'),
+				}
+			}
+			return {}
+		},
+		hasSyncCollission() {
+			return this.syncError && this.syncError.type === ERROR_TYPE.SAVE_COLLISSION
+		},
+		isLoadingError() {
+			return this.syncError && this.syncError.type === ERROR_TYPE.LOAD_ERROR
+		},
+		isPreconditionFailed() {
+			return this.isLoadingError && this.syncError.data.status === 412
+		},
+		hasWarning() {
+			return this.syncError || this.hasConnectionIssue
+		},
+	},
+
+	methods: {
+		reconnect() {
+			this.$emit('reconnect')
+		},
+		reload() {
+			window.location.reload()
+		},
+	},
+
+}
+
+</script>
+
+<style scoped lang="scss">
+	.document-status {
+		.notecard {
+			margin-bottom: 0;
+		}
+	}
+	.document-status.mobile {
+		.notecard {
+			border-radius: 0;
+		}
+	}
+</style>
diff --git a/src/components/Editor/Wrapper.vue b/src/components/Editor/Wrapper.vue
index 01a03c53e5f..d12e098781d 100644
--- a/src/components/Editor/Wrapper.vue
+++ b/src/components/Editor/Wrapper.vue
@@ -135,6 +135,7 @@ export default {
 		display: flex;
 		width: 100%;
 		height: 100%;
+		overflow: auto;
 
 		.ProseMirror {
 			margin-top: 0 !important;
diff --git a/src/components/ViewerComponent.vue b/src/components/ViewerComponent.vue
index 6ca4db648f2..621de0427de 100644
--- a/src/components/ViewerComponent.vue
+++ b/src/components/ViewerComponent.vue
@@ -148,7 +148,6 @@ export default {
 </script>
 <style lang="scss" scoped>
 .text-editor:not(.viewer__file--hidden) {
-	overflow: scroll;
 	top: 0;
 	width: 100%;
 	max-width: 100%;
@@ -190,6 +189,11 @@ export default {
 	}
 }
 
+body .toastify.dialogs {
+	// Move the dialogs below the toolbar / status
+	margin-top: calc(45px + var(--default-clickable-area));
+}
+
 .viewer[data-handler='text'] .modal-wrapper .modal-container {
 	bottom: 0;
 }
diff --git a/src/tests/components/SyncStatus.spec.js b/src/tests/components/SyncStatus.spec.js
new file mode 100644
index 00000000000..855fbdcd42d
--- /dev/null
+++ b/src/tests/components/SyncStatus.spec.js
@@ -0,0 +1,39 @@
+/**
+ * SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { expect, test } from 'vitest'
+import { shallowMount } from '@vue/test-utils'
+import SyncStatus from '../../components/Editor/DocumentStatus/SyncStatus.vue'
+import { ERROR_TYPE } from '../../services/SyncService.js'
+
+const FLAGS = ['idle', 'hasConnectionIssue']
+
+test('is empty without props', () => {
+	const wrapper = shallowMount(SyncStatus)
+	expect(wrapper.contains('p')).toBe(false)
+	expect(wrapper.html()).toBe('')
+})
+
+FLAGS.forEach(flag => {
+	test(`renders ${flag}`, () => {
+		const wrapper = shallowMount(SyncStatus, {
+			propsData: { [flag]: true },
+		})
+		expect(wrapper.html()).toMatchSnapshot()
+	})
+})
+
+Object.values(ERROR_TYPE).forEach(type => {
+	test(`renders sync error ${type}`, () => {
+		const data = {
+			data: { error: 'Error Message goes here' },
+			status: 412,
+		}
+		const wrapper = shallowMount(SyncStatus, {
+			propsData: { syncError: { type, data } },
+		})
+		expect(wrapper.html()).toMatchSnapshot()
+	})
+})
diff --git a/src/tests/components/__snapshots__/SyncStatus.spec.js.snap b/src/tests/components/__snapshots__/SyncStatus.spec.js.snap
new file mode 100644
index 00000000000..7e4b909eadd
--- /dev/null
+++ b/src/tests/components/__snapshots__/SyncStatus.spec.js.snap
@@ -0,0 +1,51 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`renders hasConnectionIssue 1`] = `
+"<ncnotecard-stub data-v-56029fad="" type="warning" heading="" text="">
+  <p data-v-56029fad=""> Document could not be loaded. Please check your internet connection. <a data-v-56029fad="" class="button primary">Reconnect</a></p>
+</ncnotecard-stub>"
+`;
+
+exports[`renders idle 1`] = `
+"<ncnotecard-stub data-v-56029fad="" type="info" heading="" text="">
+  <p data-v-56029fad=""> Document idle for {timeout} minutes, click to continue editing <a data-v-56029fad="" class="button primary">Reconnect</a></p>
+</ncnotecard-stub>"
+`;
+
+exports[`renders sync error 0 1`] = `
+"<ncnotecard-stub data-v-56029fad="" type="warning" heading="" text="">
+  <p data-v-56029fad=""> Document has been changed outside of the editor. The changes cannot be applied
+    <!---->
+  </p>
+</ncnotecard-stub>"
+`;
+
+exports[`renders sync error 1 1`] = `
+"<ncnotecard-stub data-v-56029fad="" type="warning" heading="" text="">
+  <!---->
+</ncnotecard-stub>"
+`;
+
+exports[`renders sync error 2 1`] = `
+"<ncnotecard-stub data-v-56029fad="" type="warning" heading="" text="">
+  <p data-v-56029fad=""> Error Message goes here <a data-v-56029fad="" class="button primary">Reload</a></p>
+</ncnotecard-stub>"
+`;
+
+exports[`renders sync error 3 1`] = `
+"<ncnotecard-stub data-v-56029fad="" type="warning" heading="" text="">
+  <!---->
+</ncnotecard-stub>"
+`;
+
+exports[`renders sync error 4 1`] = `
+"<ncnotecard-stub data-v-56029fad="" type="warning" heading="" text="">
+  <!---->
+</ncnotecard-stub>"
+`;
+
+exports[`renders sync error 5 1`] = `
+"<ncnotecard-stub data-v-56029fad="" type="warning" heading="" text="">
+  <!---->
+</ncnotecard-stub>"
+`;