diff --git a/apps/files/js/dist/personal-settings.js b/apps/files/js/dist/personal-settings.js
index 92e6c301bbe3ec0838b7d26ef086130e3e29b322..f8226228ca0056e3efeab868d10db87d6808fe91 100644
Binary files a/apps/files/js/dist/personal-settings.js and b/apps/files/js/dist/personal-settings.js differ
diff --git a/apps/files/js/dist/personal-settings.js.map b/apps/files/js/dist/personal-settings.js.map
index a9d923fffa229b9121c1571d6a0c65b636051235..2673799874cb6eccb901c5cae5cc65c27fd6f53f 100644
Binary files a/apps/files/js/dist/personal-settings.js.map and b/apps/files/js/dist/personal-settings.js.map differ
diff --git a/apps/files/src/components/TransferOwnershipDialogue.vue b/apps/files/src/components/TransferOwnershipDialogue.vue
index 5d69ed0dbf1cae90415037f8eb523e66a16542f2..d24eb78e69246b043819e5e49fb0a0a643c34747 100644
--- a/apps/files/src/components/TransferOwnershipDialogue.vue
+++ b/apps/files/src/components/TransferOwnershipDialogue.vue
@@ -33,7 +33,7 @@
 				</button>
 				<span class="error">{{ directoryPickerError }}</span>
 			</p>
-			<p>
+			<p class="new-owner-row">
 				<label>
 					<span>{{ t('files', 'New owner') }}</span>
 					<Multiselect
@@ -217,7 +217,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .middle-align {
 	vertical-align: middle;
 }
@@ -225,4 +225,22 @@ p {
 	margin-top: 12px;
 	margin-bottom: 12px;
 }
+.new-owner-row {
+	display: flex;
+
+	label {
+		display: flex;
+		align-items: center;
+		flex-grow: 1;
+
+		span {
+			margin-right: 8px;
+		}
+
+		.multiselect {
+			flex-grow: 1;
+			max-width: 280px;
+		}
+	}
+}
 </style>