diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.html b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.html
new file mode 100644
index 0000000..f136800
--- /dev/null
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.html
@@ -0,0 +1 @@
+<p>group-update-form works!</p>
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.scss b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.spec.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.spec.ts
new file mode 100644
index 0000000..99153e5
--- /dev/null
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GroupUpdateFormComponent } from './group-update-form.component';
+
+describe('GroupUpdateFormComponent', () => {
+  let component: GroupUpdateFormComponent;
+  let fixture: ComponentFixture<GroupUpdateFormComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [GroupUpdateFormComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(GroupUpdateFormComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.ts
new file mode 100644
index 0000000..5d4bd82
--- /dev/null
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/group-update-form/group-update-form.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-group-update-form',
+  standalone: true,
+  imports: [],
+  templateUrl: './group-update-form.component.html',
+  styleUrl: './group-update-form.component.scss'
+})
+export class GroupUpdateFormComponent {
+
+}
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/group/group.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/group/group.component.ts
index a7e4db8..05f994f 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/group/group.component.ts
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/group/group.component.ts
@@ -1,4 +1,4 @@
-import { AfterViewInit, Component, ViewChild } from '@angular/core';
+import { AfterViewInit, Component, ViewChild, inject } from '@angular/core';
 import { GroupTableComponent } from '../../components/tables/group-table/group-table.component';
 import { UserTableComponent } from '../../components/tables/user-table/user-table.component';
 import { MatTabsModule } from '@angular/material/tabs';
@@ -9,6 +9,8 @@ import { Group } from '../../models/user-management.api.models';
 import { firstValueFrom, forkJoin } from 'rxjs';
 import Swal from 'sweetalert2';
 import { env } from '../../../environments/environment';
+import { MatDialog } from '@angular/material/dialog';
+import { GroupUpdateFormComponent } from '../../components/forms/group-update-form/group-update-form.component';
 
 @Component({
   standalone: true,
@@ -35,6 +37,8 @@ export class GroupComponent extends BasePageComponent implements AfterViewInit {
 
   private sGroup: Group | null = null;
 
+  private readonly dialog: MatDialog = inject(MatDialog);
+
   ngAfterViewInit(): void {
     this.buttonVisibilityService.setVisibleOnly(this.refreshService, this.creationService, this.updateService)
     this.refreshService.removeAll()
@@ -99,11 +103,10 @@ export class GroupComponent extends BasePageComponent implements AfterViewInit {
     return env.columnNames.group.complete
   }
 
-  openUpdateSheet(user: Group): void {
-/*     this.dialog.open(UserUpdateFormComponent, {
+  openUpdateSheet(group: Group): void {
+    this.dialog.open(GroupUpdateFormComponent, {
       width: "50rem",
-      data: user
-    }); */
-    alert(JSON.stringify(user))
+      data: group
+    });
   }
 }
\ No newline at end of file
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user/user.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user/user.component.ts
index ed950e8..d2091cd 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user/user.component.ts
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/pages/user/user.component.ts
@@ -10,7 +10,7 @@ import { User } from '../../models/user-management.api.models';
 import { firstValueFrom, forkJoin } from 'rxjs';
 import Swal from 'sweetalert2';
 import { env } from '../../../environments/environment'
-import { MatBottomSheet, MatBottomSheetModule } from '@angular/material/bottom-sheet';
+import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
 import { MatButtonModule } from '@angular/material/button';
 import { MatDialog } from '@angular/material/dialog';
 import { UserUpdateFormComponent } from '../../components/forms/user-update-form/user-update-form.component';