diff --git a/apps/settings/css/settings.scss b/apps/settings/css/settings.scss
index 47a035016ad..a818d1f5d14 100644
--- a/apps/settings/css/settings.scss
+++ b/apps/settings/css/settings.scss
@@ -1430,7 +1430,11 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
 			}
 			// separate prop to set initial value to top: 50px
 			&#new-user {
-				top: $header-height + $grid-row-height;
+			  top: $header-height + $grid-row-height;
+			  height: 90px;
+			  .row {
+				padding-top: 50px;
+			  }
 			}
 			&#grid-header {
 				color: var(--color-text-maxcontrast);
diff --git a/apps/settings/src/components/UserList.vue b/apps/settings/src/components/UserList.vue
index 0fb1d09fbf7..40d88007f85 100644
--- a/apps/settings/src/components/UserList.vue
+++ b/apps/settings/src/components/UserList.vue
@@ -96,16 +96,16 @@
 					pattern="[a-zA-Z0-9 _\.@\-']+"
 					required
 					type="text">
-			</div>
-			<div class="displayName">
-				<input id="newdisplayname"
-					v-model="newUser.displayName"
-					:placeholder="t('settings', 'Display name')"
-					autocapitalize="none"
-					autocomplete="off"
-					autocorrect="off"
-					name="displayname"
-					type="text">
+				<div class="displayName">
+					<input id="newdisplayname"
+						v-model="newUser.displayName"
+						:placeholder="t('settings', 'Display name')"
+						autocapitalize="none"
+						autocomplete="off"
+						autocorrect="off"
+						name="displayname"
+						type="text">
+				</div>
 			</div>
 			<div class="password">
 				<input id="newuserpassword"