diff --git a/application/src/components/participant.rs b/application/src/components/participant.rs
index b994bff..ef0331c 100644
--- a/application/src/components/participant.rs
+++ b/application/src/components/participant.rs
@@ -16,8 +16,6 @@ async fn modify_participant(
 ) -> Result<(), ServerFnError> {
     let websocket_state = &server::WEBSOCKET_STATE;
 
-    println!("Participant: {:?}", participant);
-
     let updated: Option<schemas::ParticipantRecord> = DB
         .update(("participant", &id))
         .content(&participant)
@@ -153,7 +151,13 @@ pub fn Modal() -> impl IntoView {
                                 prop:value=name
                             />
                             <label>Groep</label>
-                            <select name="group" autocomplete="off">
+                            <select
+                                name="group"
+                                autocomplete="off"
+                                on:change=move |ev| {
+                                    group.set(event_target_value(&ev))
+                                }
+                            >
                                 <SelectOption value=group is="A1" />
                                 <SelectOption value=group is="A2" />
                                 <SelectOption value=group is="A3" />