diff --git a/samples/layouts/avatar/styling/src/index.css b/samples/layouts/avatar/styling/src/index.css
index aec0352f9e..df45dd1716 100644
--- a/samples/layouts/avatar/styling/src/index.css
+++ b/samples/layouts/avatar/styling/src/index.css
@@ -25,8 +25,11 @@
     gap: 10px;
 }
 
+igc-avatar {
+    --ig-avatar-background: var(--ig-success-100);
+}
+
 igc-avatar::part(base) {
-    background: var(--ig-success-100);
     border: 2px solid var(--ig-error-500);
 }