diff --git a/src/main/web/src/services/ProfilePictureService.tsx b/src/main/web/src/services/ProfilePictureService.tsx
index 239402ed..bbb1464b 100644
--- a/src/main/web/src/services/ProfilePictureService.tsx
+++ b/src/main/web/src/services/ProfilePictureService.tsx
@@ -16,7 +16,7 @@ const fetchUserImage = async (setUserImage: (data: any) => void): Promise<void>
       });
       if (response.ok) {
         const data = await response.json();
-        setUserImage(data);
+        setUserImage(data.imageData);
       } else {
         console.log(new Error("Failed to fetch user image"));
       }
diff --git a/src/main/web/src/services/tests/ProfilePictureService.test.tsx b/src/main/web/src/services/tests/ProfilePictureService.test.tsx
index e5f02592..4b56c3b9 100644
--- a/src/main/web/src/services/tests/ProfilePictureService.test.tsx
+++ b/src/main/web/src/services/tests/ProfilePictureService.test.tsx
@@ -20,7 +20,7 @@ describe('fetchUserImage', (): void => {
   });
 
   it('should fetch user image successfully when user is logged in', async (): Promise<void> => {
-    const mockData = { image: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz3' };
+    const mockData = { imageData: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz3' };
     const mockResponse = {
       ok: true,
       json: jest.fn().mockResolvedValue(mockData),
@@ -41,7 +41,7 @@ describe('fetchUserImage', (): void => {
         'Authorization': 'Bearer mock-jwt',
       },
     });
-    expect(setUserImage).toHaveBeenCalledWith(mockData);
+    expect(setUserImage).toHaveBeenCalledWith(mockData.imageData);
   });
 
   it('should not fetch user image if user is not logged in', async (): Promise<void> => {