diff --git a/package-lock.json b/package-lock.json
index 9c6f840d9..ef715beff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,7 @@
         "@nextcloud/logger": "^2.2.1",
         "@nextcloud/paths": "^2.1.0",
         "@nextcloud/router": "^2.0.0",
-        "@nextcloud/vue": "^6.0.0-beta.2",
+        "@nextcloud/vue": "^6.0.0-beta.3",
         "@skjnldsv/vue-plyr": "^7.2.0",
         "camelcase": "^7.0.0",
         "debounce": "^1.2.1",
@@ -3166,9 +3166,9 @@
       }
     },
     "node_modules/@nextcloud/vue": {
-      "version": "6.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/@nextcloud/vue/-/vue-6.0.0-beta.2.tgz",
-      "integrity": "sha512-PNYSm4tLgnlL12fSqXHyWSvz48oqj3c3j0/LsbhEP/usGzBeTQvcNbqZhil0CqtELyZBcAw3/SWqtTRJW9+rqg==",
+      "version": "6.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@nextcloud/vue/-/vue-6.0.0-beta.3.tgz",
+      "integrity": "sha512-Fnenptz/55KIcXP8kDcjUz8Xcm0EARfSkvnpgQvJh12fd1Xkf8B8ziHQAfAPozsV3RmXDbTeGiuQ4VQCQ/rSzw==",
       "dependencies": {
         "@nextcloud/auth": "^1.3.0",
         "@nextcloud/axios": "^1.10.0",
@@ -19874,9 +19874,9 @@
       }
     },
     "@nextcloud/vue": {
-      "version": "6.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/@nextcloud/vue/-/vue-6.0.0-beta.2.tgz",
-      "integrity": "sha512-PNYSm4tLgnlL12fSqXHyWSvz48oqj3c3j0/LsbhEP/usGzBeTQvcNbqZhil0CqtELyZBcAw3/SWqtTRJW9+rqg==",
+      "version": "6.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/@nextcloud/vue/-/vue-6.0.0-beta.3.tgz",
+      "integrity": "sha512-Fnenptz/55KIcXP8kDcjUz8Xcm0EARfSkvnpgQvJh12fd1Xkf8B8ziHQAfAPozsV3RmXDbTeGiuQ4VQCQ/rSzw==",
       "requires": {
         "@nextcloud/auth": "^1.3.0",
         "@nextcloud/axios": "^1.10.0",
diff --git a/package.json b/package.json
index 67f1ef133..e056ed14b 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
     "@nextcloud/logger": "^2.2.1",
     "@nextcloud/paths": "^2.1.0",
     "@nextcloud/router": "^2.0.0",
-    "@nextcloud/vue": "^6.0.0-beta.2",
+    "@nextcloud/vue": "^6.0.0-beta.3",
     "@skjnldsv/vue-plyr": "^7.2.0",
     "camelcase": "^7.0.0",
     "debounce": "^1.2.1",
diff --git a/src/views/Viewer.vue b/src/views/Viewer.vue
index 47cbb2771..96f5d56df 100644
--- a/src/views/Viewer.vue
+++ b/src/views/Viewer.vue
@@ -22,7 +22,7 @@
  -->
 
 <template>
-	<Modal v-if="initiated || currentFile.modal"
+	<NcModal v-if="initiated || currentFile.modal"
 		id="viewer"
 		size="full"
 		:class="{'icon-loading': !currentFile.loaded && !currentFile.failed,
@@ -46,13 +46,13 @@
 		@next="next">
 		<!-- ACTIONS -->
 		<template #actions>
-			<ActionButton v-if="Sidebar && !isSidebarShown"
+			<NcActionButton v-if="Sidebar && !isSidebarShown"
 				:close-after-click="true"
 				icon="icon-menu-sidebar"
 				@click="showSidebar">
 				{{ t('viewer', 'Open sidebar') }}
-			</ActionButton>
-			<ActionLink v-if="canDownload"
+			</NcActionButton>
+			<NcActionLink v-if="canDownload"
 				:download="currentFile.basename"
 				:close-after-click="true"
 				:href="currentFile.davPath">
@@ -60,13 +60,13 @@
 					<Download :size="24" />
 				</template>
 				{{ t('viewer', 'Download') }}
-			</ActionLink>
-			<ActionButton v-if="canDelete"
+			</NcActionLink>
+			<NcActionButton v-if="canDelete"
 				:close-after-click="true"
 				icon="icon-delete"
 				@click="onDelete">
 				{{ t('viewer', 'Delete') }}
-			</ActionButton>
+			</NcActionButton>
 		</template>
 
 		<div class="viewer__content" @click.self.exact="close">
@@ -113,7 +113,7 @@
 				class="hidden-visually"
 				:name="nextFile.basename" />
 		</div>
-	</Modal>
+	</NcModal>
 </template>
 
 <script>
@@ -124,10 +124,10 @@ import '@nextcloud/dialogs/styles/toast.scss'
 import { showError } from '@nextcloud/dialogs'
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 
-import ActionButton from '@nextcloud/vue/dist/Components/ActionButton.js'
-import ActionLink from '@nextcloud/vue/dist/Components/ActionLink.js'
+import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js'
+import NcActionLink from '@nextcloud/vue/dist/Components/NcActionLink.js'
 import isFullscreen from '@nextcloud/vue/dist/Mixins/isFullscreen.js'
-import Modal from '@nextcloud/vue/dist/Components/Modal.js'
+import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
 
 import { extractFilePaths, sortCompare } from '../utils/fileUtils.js'
 import { getRootPath } from '../utils/davUtils.js'
@@ -147,9 +147,9 @@ export default {
 	name: 'Viewer',
 
 	components: {
-		ActionButton,
-		ActionLink,
-		Modal,
+		NcActionButton,
+		NcActionLink,
+		NcModal,
 		Error,
 		Download,
 	},