diff --git a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.scss b/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.scss
index 84de4e43a..d427839f1 100644
--- a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.scss
+++ b/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.scss
@@ -1,5 +1,5 @@
 .igx-avatar{
-    background: #e41c77;
+    --ig-avatar-background: #e41c77;
     color: black;
     margin: 15px;
 }
diff --git a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.scss b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.scss
index 1ae4d3606..4d7beea4c 100644
--- a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.scss
+++ b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.scss
@@ -14,9 +14,9 @@
 }
 
 .avatar-sample.initials .igx-avatar{
-    background: #e41c77;
+    --ig-avatar-background: #e41c77;
 }
 
 .avatar-sample.icon .igx-avatar{
-    background: #9e9e9e;
+    --ig-avatar-background: #9e9e9e;
 }
diff --git a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.scss b/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.scss
index 3a7ee69e8..ecedb1392 100644
--- a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.scss
+++ b/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.scss
@@ -1,4 +1,4 @@
 .igx-avatar{
-    background: #9e9e9e;
+    --ig-avatar-background: #9e9e9e;
     margin: 15px;
 }
diff --git a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.html b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.html
index 736311f58..517decd54 100644
--- a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.html
+++ b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.html
@@ -1 +1 @@
-<igx-avatar class="!light-avatar ![--background:#FF4E00]" initials="DY" shape="rounded"></igx-avatar>
+<igx-avatar class="!light-avatar ![--ig-avatar-background:#FF4E00]" initials="DY" shape="rounded"></igx-avatar>