From ee904c9f30b9970686d63e50d1ba77cd6554e963 Mon Sep 17 00:00:00 2001
From: German Panov <german.panov.2018@mail.ru>
Date: Mon, 10 Feb 2025 16:09:44 +0300
Subject: [PATCH] fix(experimental): `Avatar` colored icon object-fit (#10333)

---
 projects/experimental/components/avatar/avatar.component.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/projects/experimental/components/avatar/avatar.component.ts b/projects/experimental/components/avatar/avatar.component.ts
index effde98c9aff..596460eb15a7 100644
--- a/projects/experimental/components/avatar/avatar.component.ts
+++ b/projects/experimental/components/avatar/avatar.component.ts
@@ -74,5 +74,6 @@ export class TuiAvatarComponent {
     @HostListener(TUI_ICON_COLORED, ['$event.target'])
     onColoredIcon(target: HTMLElement): void {
         this.renderer.setStyle(target, 'padding', '20%');
+        this.renderer.setStyle(target, 'object-fit', 'contain');
     }
 }