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 1cb946a..42919c2 100644
--- a/support-portal-frontend/src/app/component/user/user.component.html
+++ b/support-portal-frontend/src/app/component/user/user.component.html
@@ -219,7 +219,8 @@
                   </div>
                   <div class="custom-file">
                     <input type="file" accept="image/*" name="profileImage"
-                           class="custom-file-input">
+                           (change)="onProfileImageChange($event)"
+                           class="custom-file-input" >
                     <label class="custom-file-label">
                       <span [hidden]="true"> fileName </span>
                       <span [hidden]="false">Choose File</span>
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 61d7512..e7050c8 100644
--- a/support-portal-frontend/src/app/component/user/user.component.ts
+++ b/support-portal-frontend/src/app/component/user/user.component.ts
@@ -64,6 +64,10 @@ export class UserComponent implements OnInit, OnDestroy {
     document.getElementById('openUserInfo')?.click();
   }
 
+  public onProfileImageChange(event: any): void {
+    console.log(event);
+  }
+
   private sendErrorNotification(message: string) {
     this.notificationService.notify(NotificationType.ERROR, message ? message : 'An error occurred. Please try again')
   }