diff --git a/apps/settings/src/components/SetupCheck.vue b/apps/settings/src/components/SetupCheck.vue
index c85434fe912..885145bfffa 100644
--- a/apps/settings/src/components/SetupCheck.vue
+++ b/apps/settings/src/components/SetupCheck.vue
@@ -20,7 +20,10 @@
 				</span>
 			</div>
 			<div class="card__body" v-if="!collapsed[category]">
-				<div v-for="(check, name) in checks" :key="name" class="row-check" :class="['row-check__' + check.severity]">
+				<div v-for="(check, name) in checks"
+					:key="name"
+					class="row-check"
+					:class="['row-check__' + check.severity]">
 					<template v-if="check.severity === 'success'">
 						<Check :size="20" :fill-color="'var(--color-success)'" />
 					</template>
@@ -32,10 +35,10 @@
 </template>
 
 <script>
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection.js'
 import axios from '@nextcloud/axios'
 import { generateUrl } from '@nextcloud/router'
-import Check from 'vue-material-design-icons/Check'
+import Check from 'vue-material-design-icons/Check.vue'
 
 export default {
 	name: 'SetupCheck',
diff --git a/apps/settings/src/main-admin-setup-check.js b/apps/settings/src/main-admin-setup-check.js
index b05889a06f0..5f984fd626a 100644
--- a/apps/settings/src/main-admin-setup-check.js
+++ b/apps/settings/src/main-admin-setup-check.js
@@ -24,9 +24,9 @@ import Vue from 'vue'
 import { getRequestToken } from '@nextcloud/auth'
 import { translate as t } from '@nextcloud/l10n'
 
-import logger from './logger'
+import logger from './logger.js'
 
-import SetupCheck from './components/SetupCheck'
+import SetupCheck from './components/SetupCheck.vue'
 
 __webpack_nonce__ = btoa(getRequestToken())