diff --git a/apps/settings/src/components/AuthTokenSetup.vue b/apps/settings/src/components/AuthTokenSetup.vue
index b93086c9e883b..3b833cc58c7bc 100644
--- a/apps/settings/src/components/AuthTokenSetup.vue
+++ b/apps/settings/src/components/AuthTokenSetup.vue
@@ -5,7 +5,6 @@
 
 <template>
 	<form id="generate-app-token-section"
-		class="row spacing"
 		@submit.prevent="submit">
 		<!-- Port to TextField component when available -->
 		<NcTextField :value.sync="deviceName"
@@ -79,19 +78,11 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-	.app-name-text-field {
-		height: 44px !important;
-		padding-inline-start: 12px;
-		margin-inline-end: 12px;
-		width: 200px;
-	}
-
-	.row {
+	#generate-app-token-section {
 		display: flex;
-		align-items: center;
-	}
-
-	.spacing {
+		flex-direction: column;
+		gap: 1rem;
+		max-width: 400px;
 		padding-top: 16px;
 	}
 </style>