diff --git a/doc/avatar/AvatarGroupDoc.vue b/doc/avatar/AvatarGroupDoc.vue
index 54914ab9d..68b8089c8 100644
--- a/doc/avatar/AvatarGroupDoc.vue
+++ b/doc/avatar/AvatarGroupDoc.vue
@@ -9,7 +9,7 @@
             <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/onyamalimba.png" size="large" shape="circle" />
             <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/ionibowcher.png" size="large" shape="circle" />
             <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/xuxuefeng.png" size="large" shape="circle" />
-            <Avatar label="+2" shape="circle" size="large" style="background-color: '#9c27b0', color: '#ffffff'" />
+            <Avatar label="+2" shape="circle" size="large" />
         </AvatarGroup>
     </div>
     <DocSectionCode :code="code" />
@@ -27,7 +27,7 @@ export default {
     <Avatar image="/images/avatar/onyamalimba.png" size="large" shape="circle" />
     <Avatar image="/images/avatar/ionibowcher.png" size="large" shape="circle" />
     <Avatar image="/images/avatar/xuxuefeng.png" size="large" shape="circle" />
-    <Avatar label="+2" shape="circle" size="large" style="background-color: '#9c27b0', color: '#ffffff'" />
+    <Avatar label="+2" shape="circle" size="large" />
 </AvatarGroup>
 `,
                 options: `
@@ -39,7 +39,7 @@ export default {
             <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/onyamalimba.png" size="large" shape="circle" />
             <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/ionibowcher.png" size="large" shape="circle" />
             <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/xuxuefeng.png" size="large" shape="circle" />
-            <Avatar label="+2" shape="circle" size="large" style="background-color: '#9c27b0', color: '#ffffff'" />
+            <Avatar label="+2" shape="circle" size="large" />
         </AvatarGroup>
     </div>
 </template>
@@ -57,7 +57,7 @@ export default {
             <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/onyamalimba.png" size="large" shape="circle" />
             <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/ionibowcher.png" size="large" shape="circle" />
             <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/xuxuefeng.png" size="large" shape="circle" />
-            <Avatar label="+2" shape="circle" size="large" style="background-color: '#9c27b0', color: '#ffffff'" />
+            <Avatar label="+2" shape="circle" size="large" />
         </AvatarGroup>
     </div>
 </template>
diff --git a/doc/avatar/LabelDoc.vue b/doc/avatar/LabelDoc.vue
index aec2fa890..833025800 100644
--- a/doc/avatar/LabelDoc.vue
+++ b/doc/avatar/LabelDoc.vue
@@ -20,7 +20,7 @@
 
             <div class="flex-auto">
                 <h5>Badge</h5>
-                <Avatar v-badge="4" label="U" size="xlarge" style="background-color: #4caf4f; color: #ffffff" />
+                <Avatar v-badge="4" label="U" size="xlarge" />
             </div>
         </div>
     </div>
@@ -41,7 +41,7 @@ export default {
 <Avatar label="V" class="mr-2" size="large" style="background-color:#2196F3; color: #ffffff" shape="circle"  />
 <Avatar label="U" class="mr-2" style="background-color:#9c27b0; color: #ffffff" shape="circle" />
 
-<Avatar label="U" size="xlarge" style="background-color:#4caf4f; color: #ffffff" v-badge="4" />
+<Avatar v-badge="4" label="U" size="xlarge" />
 `,
                 options: `
 <template>
@@ -62,7 +62,7 @@ export default {
 
         <div class="flex-auto">
             <h5>Badge</h5>
-            <Avatar v-badge="4" label="U" size="xlarge" style="background-color: #4caf4f; color: #ffffff" />
+            <Avatar v-badge="4" label="U" size="xlarge" />
         </div>
     </div>
 </template>
@@ -90,7 +90,7 @@ export default {
 
         <div class="flex-auto">
             <h5>Badge</h5>
-            <Avatar v-badge="4" label="U" size="xlarge" style="background-color: #4caf4f; color: #ffffff" />
+            <Avatar v-badge="4" label="U" size="xlarge" />
         </div>
     </div>
 </template>