1 files changed, 12 insertions, 10 deletions
diff --git a/apps/settings/src/components/AdminDelegation/GroupSelect.vue b/apps/settings/src/components/AdminDelegation/GroupSelect.vue
index 52ecd6c4846..28d3deb0afa 100644
--- a/apps/settings/src/components/AdminDelegation/GroupSelect.vue
+++ b/apps/settings/src/components/AdminDelegation/GroupSelect.vue
@@ -1,26 +1,29 @@
+<!--
+  - SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+  - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
 <template>
-	<NcMultiselect v-model="selected"
-		class="group-multiselect"
+	<NcSelect v-model="selected"
+		:input-id="setting.id"
+		class="group-select"
 		:placeholder="t('settings', 'None')"
-		track-by="gid"
 		label="displayName"
 		:options="availableGroups"
-		open-direction="bottom"
 		:multiple="true"
-		:allow-empty="true" />
+		:close-on-select="false" />
 </template>
 
 <script>
-import NcMultiselect from '@nextcloud/vue/dist/Components/NcMultiselect'
+import NcSelect from '@nextcloud/vue/components/NcSelect'
 import { generateUrl } from '@nextcloud/router'
 import axios from '@nextcloud/axios'
 import { showError } from '@nextcloud/dialogs'
-import logger from '../../logger'
+import logger from '../../logger.ts'
 
 export default {
 	name: 'GroupSelect',
 	components: {
-		NcMultiselect,
+		NcSelect,
 	},
 	props: {
 		availableGroups: {
@@ -67,8 +70,7 @@ export default {
 </script>
 
 <style lang="scss">
-.group-multiselect {
+.group-select {
 	width: 100%;
-	margin-right: 0;
 }
 </style>