From 1bfb1159c18328319d9d969894c1a1f95fc4209f Mon Sep 17 00:00:00 2001
From: Ivan Minchev <IMinchev@infragistics.com>
Date: Fri, 18 Sep 2026 17:02:50 +0300
Subject: [PATCH] fix(avatar): fix overview sample styling to work with Indigo
 theme

---
 samples/layouts/avatar/overview/src/index.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/samples/layouts/avatar/overview/src/index.css b/samples/layouts/avatar/overview/src/index.css
index 9407c4b19a..8c31e65714 100644
--- a/samples/layouts/avatar/overview/src/index.css
+++ b/samples/layouts/avatar/overview/src/index.css
@@ -30,11 +30,14 @@
 }
 
 .avatar-stack igc-avatar + igc-avatar {
-  margin-inline-start: -1.5rem;
+  /* Proportional to the avatar's own rendered size (--size, set internally
+     by the theme) rather than a fixed length, since themes disagree widely
+     on how big a "large" avatar actually is. */
+  margin-inline-start: calc(var(--size) * -0.27);
 }
 
 .avatar-stack igc-avatar::part(base) {
-  box-shadow: 0 0 0 0.375rem var(--ig-surface-500);
+  box-shadow: 0 0 0 calc(var(--size) * 0.07) var(--ig-surface-500);
 }
 
 .avatar-stack igc-avatar:last-child {