diff --git a/src/Views/Home/Groups.cshtml b/src/Views/Home/Groups.cshtml
index e01dc6a..aa765f6 100644
--- a/src/Views/Home/Groups.cshtml
+++ b/src/Views/Home/Groups.cshtml
@@ -324,7 +324,7 @@
             </div>
 
             <form id="updateGroupForm">
-                                <div class="modal-body">
+                <div class="modal-body">
                     <div class="row g-3 justify-content-center">
                         <!-- Basic Info -->
                         <div class="col-md-6">
@@ -383,10 +383,10 @@ document.addEventListener('DOMContentLoaded', () => {
     const updateButtons = document.querySelectorAll('.btn-update');
     const updateModal = document.getElementById('updateGroupModal');
     const updateForm = document.getElementById('updateGroupForm');
-
+    var groupId;
     updateModal.addEventListener('show.bs.modal', async event => {
         const button = event.relatedTarget;
-        const groupId = button.getAttribute('data-group-id');
+        groupId = button.getAttribute('data-group-id');
 
         updateForm.reset();
 
@@ -441,6 +441,10 @@ document.addEventListener('DOMContentLoaded', () => {
         jsonData.Description.Permissions = permissions;
         jsonData.Description.DisplayName = jsonData.DisplayName;
         jsonData.DisplayName = null;
+        jsonData.NewCn = jsonData.Cn;
+        jsonData.Cn = groupId;
+        buttons = $(`button[data-group-id=\"${jsonData.Cn}\"]`);
+        buttons.each(i => buttons[i].setAttribute("data-group-id", jsonData.NewCn));
         try {
             const response = await fetch('/Groups/Update', {
                 method: 'PATCH',