diff --git a/src/AdminSettings.vue b/src/AdminSettings.vue
index 729627c9..cbbb8a73 100644
--- a/src/AdminSettings.vue
+++ b/src/AdminSettings.vue
@@ -21,11 +21,9 @@
 
 <template>
 	<NcSettingsSection :title="t('announcementcenter', 'Announcements')">
-		<NcSettingsSelectGroup label="ABD"
-			:value="adminGroups"
-			:hint="t('announcementcenter', 'These groups will be able to post announcements.')">
-			ABC
-		</NcSettingsSelectGroup>
+		<NcSettingsSelectGroup v-model="adminGroups"
+			:label="t('announcementcenter', 'These groups will be able to post announcements.')"
+			@input="updateGroups" />
 
 		<NcCheckboxRadioSwitch :checked="createActivities"
 			type="switch"
@@ -121,6 +119,16 @@ export default {
 				},
 			})
 		},
+		async updateGroups(config) {
+			OCP.AppConfig.setValue('announcementcenter', 'admin_groups', JSON.stringify(config), {
+				success() {
+					showSuccess(t('announcementcenter', 'Setting changed'))
+				},
+				error() {
+					showError(t('announcementcenter', 'An error occurred while changing the setting'))
+				},
+			})
+		},
 	},
 }
 </script>