diff --git a/console/src/app/modules/header/header.component.html b/console/src/app/modules/header/header.component.html
index 94b5659516..2a1177aee9 100644
--- a/console/src/app/modules/header/header.component.html
+++ b/console/src/app/modules/header/header.component.html
@@ -10,20 +10,20 @@
alt="home logo"
*ngIf="isDarkTheme; else customlighttheme"
[src]="labelpolicy?.iconUrlDark ? labelpolicy.iconUrlDark : './assets/images/zitadel-logo-solo-light.svg'"
- onerror="this.src='./assets/images/zitadel-logo-solo-light.svg';this.onerror='';"
+ (error)="errorHandler($event, './assets/images/zitadel-logo-solo-light.svg')"
/>
-
+
-
+
diff --git a/console/src/app/modules/header/header.component.ts b/console/src/app/modules/header/header.component.ts
index a5e5298935..3f7fc48f69 100644
--- a/console/src/app/modules/header/header.component.ts
+++ b/console/src/app/modules/header/header.component.ts
@@ -67,6 +67,10 @@ export class HeaderComponent implements OnDestroy {
return this.router.url === '/users/me';
}
+ public errorHandler(event: any, fallbackSrc: string) {
+ (event.target as HTMLImageElement).src = fallbackSrc;
+ }
+
public get isOnInstance(): boolean {
const pages: string[] = [
'/instance',