diff --git a/apps/settings/src/components/AuthTokenSetupDialogue.vue b/apps/settings/src/components/AuthTokenSetupDialogue.vue
index 63836290535..23a3a1f1d09 100644
--- a/apps/settings/src/components/AuthTokenSetupDialogue.vue
+++ b/apps/settings/src/components/AuthTokenSetupDialogue.vue
@@ -70,10 +70,10 @@
 		</div>
 		<div class="app-password-row">
 			<span class="app-password-label" />
-			<a v-if="!showQR"
+			<NcButton v-if="!showQR"
 				@click="showQR = true">
 				{{ t('settings', 'Show QR code for mobile apps') }}
-			</a>
+			</NcButton>
 			<QR v-else
 				:value="qrUrl" />
 		</div>