diff --git a/package-lock.json b/package-lock.json
index beb4e463b71..48cf15f960d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -56,7 +56,7 @@
         "vue": "^3.5.44",
         "vue-cropperjs": "^5.0.0",
         "vue-draggable-resizable": "^3.0.0",
-        "vue-material-design-icons": "^5.3.1",
+        "vue-material-design-icons": "^5.4.0",
         "vue-router": "^5.3.1",
         "vuex": "^4.1.0",
         "wasm-check": "^3.0.2",
@@ -14819,9 +14819,10 @@
       }
     },
     "node_modules/vue-material-design-icons": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/vue-material-design-icons/-/vue-material-design-icons-5.3.1.tgz",
-      "integrity": "sha512-6UNEyhlTzlCeT8ZeX5WbpUGFTTPSbOoTQeoASTv7X4Ylh0pe8vltj+36VMK56KM0gG8EQVoMK/Qw/6evalg8lA=="
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/vue-material-design-icons/-/vue-material-design-icons-5.4.0.tgz",
+      "integrity": "sha512-NqKTWn+4cnWDiD2P6xeKqaLg1iGajl0VVUcMbcv5aDRoXFPu70hqN55sBSrGKatkeP5M1aDZ/YCiCgBkr9qh1A==",
+      "license": "MIT"
     },
     "node_modules/vue-resize": {
       "version": "2.0.0-alpha.1",
diff --git a/package.json b/package.json
index b14fcce2b31..306c3f22e0c 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "vue": "^3.5.44",
     "vue-cropperjs": "^5.0.0",
     "vue-draggable-resizable": "^3.0.0",
-    "vue-material-design-icons": "^5.3.1",
+    "vue-material-design-icons": "^5.4.0",
     "vue-router": "^5.3.1",
     "vuex": "^4.1.0",
     "wasm-check": "^3.0.2",
diff --git a/src/components/MediaSettings/MediaDevicesSelector.vue b/src/components/MediaSettings/MediaDevicesSelector.vue
index 10d55460ff9..f125af7ed32 100644
--- a/src/components/MediaSettings/MediaDevicesSelector.vue
+++ b/src/components/MediaSettings/MediaDevicesSelector.vue
@@ -4,8 +4,6 @@
 -->
 
 <script setup lang="ts">
-import type { ComponentPublicInstance } from 'vue'
-
 import { t } from '@nextcloud/l10n'
 import { computed, h } from 'vue'
 import NcIconSvgWrapper from '@nextcloud/vue/components/NcIconSvgWrapper'
@@ -45,7 +43,7 @@ const deviceOptions = computed<NcSelectOption[]>(() => {
 })
 const deviceOptionsAvailable = computed(() => deviceOptions.value.length > 1)
 
-const deviceIcon = computed<ComponentPublicInstance | null>(() => {
+const deviceIcon = computed(() => {
 	switch (props.kind) {
 		case 'audioinput': return IconMicrophoneOutline
 		case 'audiooutput': return h(NcIconSvgWrapper, { svg: IconVolumeHighOutline, size: 20 })
diff --git a/src/types/vendor/vue-material-design-icons.d.ts b/src/types/vendor/vue-material-design-icons.d.ts
deleted file mode 100644
index e2f2c75508d..00000000000
--- a/src/types/vendor/vue-material-design-icons.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-/**
- * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
- * SPDX-License-Identifier: AGPL-3.0-or-later
- */
-declare module 'vue-material-design-icons/*.vue'
diff --git a/src/utils/getMessageIcon.ts b/src/utils/getMessageIcon.ts
index bfaeeaddac3..ca9372ae2c5 100644
--- a/src/utils/getMessageIcon.ts
+++ b/src/utils/getMessageIcon.ts
@@ -2,7 +2,6 @@
  * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
-import type { ComponentPublicInstance } from 'vue'
 import type { Conversation } from '../types/index.ts'
 
 import IconCardTextOutline from 'vue-material-design-icons/CardTextOutline.vue'
@@ -21,7 +20,7 @@ import { MESSAGE } from '../constants.ts'
  *
  * @param lastMessage
  */
-export function getMessageIcon(lastMessage: Conversation['lastMessage']): ComponentPublicInstance | null {
+export function getMessageIcon(lastMessage: Conversation['lastMessage']) {
 	if (!lastMessage || Array.isArray(lastMessage)) {
 		return null
 	}