diff --git a/apps/metadata-editor/src/app/dashboard/search-header/search-header.component.html b/apps/metadata-editor/src/app/dashboard/search-header/search-header.component.html
index 2326ec526b..9b0edbaf48 100644
--- a/apps/metadata-editor/src/app/dashboard/search-header/search-header.component.html
+++ b/apps/metadata-editor/src/app/dashboard/search-header/search-header.component.html
@@ -20,7 +20,7 @@
       <gn-ui-user-preview
         *ngIf="user && user.name"
         [user]="user"
-        [avatarPlaceholder]="placeholder"
+        [avatarPlaceholder]="placeholder$ | async"
       ></gn-ui-user-preview>
     </ng-container>
   </div>
diff --git a/apps/metadata-editor/src/app/dashboard/search-header/search-header.component.ts b/apps/metadata-editor/src/app/dashboard/search-header/search-header.component.ts
index 7ce966490d..ddc5d3219f 100644
--- a/apps/metadata-editor/src/app/dashboard/search-header/search-header.component.ts
+++ b/apps/metadata-editor/src/app/dashboard/search-header/search-header.component.ts
@@ -22,7 +22,7 @@ import { PlatformServiceInterface } from '@geonetwork-ui/common/domain/platform.
   ],
 })
 export class SearchHeaderComponent {
-  public placeholder = this.avatarService.placeholder
+  public placeholder$ = this.avatarService.getPlaceholder()
 
   constructor(
     public platformService: PlatformServiceInterface,