diff --git a/support-portal-frontend/src/app/component/user/user.component.html b/support-portal-frontend/src/app/component/user/user.component.html
index 8c23655..d6ec990 100644
--- a/support-portal-frontend/src/app/component/user/user.component.html
+++ b/support-portal-frontend/src/app/component/user/user.component.html
@@ -168,9 +168,8 @@
                       </div>
                       <div class="tab-content pt-3">
                         <div class="tab-pane active">
-                          <form #profileUserForm="ngForm" (ngSubmit)="onUpdateCurrentUser(profileUserForm)"
-                                class="form"
-                                novalidate>
+                          <form #profileUserForm="ngForm" (ngSubmit)="onUpdateCurrentUser(profileUserForm.value)"
+                                class="form" novalidate>
                             <div class="row">
                               <div class="col">
                                 <div class="row">
diff --git a/support-portal-frontend/src/app/component/user/user.component.ts b/support-portal-frontend/src/app/component/user/user.component.ts
index 3413261..1c85a17 100644
--- a/support-portal-frontend/src/app/component/user/user.component.ts
+++ b/support-portal-frontend/src/app/component/user/user.component.ts
@@ -200,8 +200,25 @@ export class UserComponent implements OnInit, OnDestroy {
     this.subscriptions.push(subscription);
   }
 
-  onUpdateCurrentUser(profileUserForm: any) {
-
+  onUpdateCurrentUser(user: User) {
+    this.currentUsername = this.authenticationService.getUserFromLocalStorage().username;
+    this.refreshing = true;
+    const formData = this.userService.createUserFormData(this.currentUsername, user, this.profileImage);
+    let subscription = this.userService.updateUser(formData)
+      .subscribe(
+        (user: User) => {
+          this.authenticationService.addUserToLocalStorage(user);
+          this.getUsers(false);
+          this.invalidateVariables();
+          this.notificationService.notify(NotificationType.SUCCESS, `User ${user.username} updated successfully`);
+          this.refreshing = false;
+        },
+        (errorResponse: HttpErrorResponse) => {
+          this.sendErrorNotification(errorResponse.error.message);
+          this.refreshing = false;
+        }
+      );
+    this.subscriptions.push(subscription);
   }
 
   onLogOut() {