diff --git a/projects/observability/src/shared/components/entity-renderer/entity-renderer.component.ts b/projects/observability/src/shared/components/entity-renderer/entity-renderer.component.ts
index 724294621..bfe142a63 100644
--- a/projects/observability/src/shared/components/entity-renderer/entity-renderer.component.ts
+++ b/projects/observability/src/shared/components/entity-renderer/entity-renderer.component.ts
@@ -29,6 +29,7 @@ import { EntityNavigationService } from '../../services/navigation/entity/entity
       <div class="name-with-icon fill-container">
         <ht-icon
           [icon]="this.entityIconType"
+          [color]="this.iconColor"
           class="icon"
           *ngIf="this.showIcon && this.entityIconType"
           size="${IconSize.Large}"
@@ -51,6 +52,9 @@ export class EntityRendererComponent implements OnChanges {
   @Input()
   public icon?: string;
 
+  @Input()
+  public iconColor?: string;
+
   @Input()
   public showIcon: boolean = false;