diff --git a/apps/settings/src/components/WebAuthn/AddDevice.vue b/apps/settings/src/components/WebAuthn/AddDevice.vue
index fcbac47f1e975..f9b3223d8cbd5 100644
--- a/apps/settings/src/components/WebAuthn/AddDevice.vue
+++ b/apps/settings/src/components/WebAuthn/AddDevice.vue
@@ -39,9 +39,10 @@
 		<div v-else-if="step === RegistrationSteps.NAMING"
 			class="new-webauthn-device">
 			<span class="icon-loading-small webauthn-loading" />
-			<NcInputField v-model="name"
-				:label="t('settings', 'Name your device')"
-				@:keyup.enter="submit"/>
+			<input v-model="name"
+				type="text"
+				:placeholder="t('settings', 'Name your device')"
+				@:keyup.enter="submit">
 			<NcButton @click="submit" type="primary">
 				{{ t('settings', 'Add') }}
 			</NcButton>
@@ -62,7 +63,6 @@
 <script>
 import { confirmPassword } from '@nextcloud/password-confirmation'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
-import NcInputField from '@nextcloud/vue/dist/Components/NcInputField.js'
 import '@nextcloud/password-confirmation/dist/style.css'
 
 import logger from '../../logger.js'
@@ -88,7 +88,6 @@ export default {
 
 	components: {
 		NcButton,
-		NcInputField,
 	},
 
 	props: {