diff --git a/webapp/pages/group/_id/_slug.vue b/webapp/pages/group/_id/_slug.vue
index 88c7d76b4..7d978293b 100644
--- a/webapp/pages/group/_id/_slug.vue
+++ b/webapp/pages/group/_id/_slug.vue
@@ -438,7 +438,7 @@ export default {
       }
     },
     updateJoinLeave({ myRoleInGroup }) {
-      this.Group = [{ ...this.Group[0], myRole: myRoleInGroup }] // if we assign it directly "this.group" will not be updated
+      this.Group[0].myRole = myRoleInGroup
       const currentUserInGroupMembers = this.GroupMembers.find(
         (user) => user.id === this.currentUser.id,
       )