diff --git a/src/views/avatar/AvatarDemo.vue b/src/views/avatar/AvatarDemo.vue
index e1ab79cad..5874cb495 100644
--- a/src/views/avatar/AvatarDemo.vue
+++ b/src/views/avatar/AvatarDemo.vue
@@ -30,7 +30,7 @@
                 <div class="p-col-12 p-md-4">
                     <div class="card">
                         <h5>Label - Badge</h5>
-                        <Avatar label="U" class="p-mr-2" size="xlarge" style="background-color:#4caf4f; color: #ffffff" v-badge="4" />
+                        <Avatar label="U" size="xlarge" style="background-color:#4caf4f; color: #ffffff" v-badge="4" />
                     </div>
                 </div>
             </div>
@@ -57,7 +57,7 @@
                  <div class="p-col-12 p-md-4">
                     <div class="card">
                         <h5>Icon - Badge</h5>
-                        <Avatar icon="pi pi-user" class="p-mr-2" size="xlarge" v-badge="4"/>
+                        <Avatar icon="pi pi-user" size="xlarge" v-badge="4"/>
                     </div>
                 </div>
             </div>
@@ -89,7 +89,7 @@
                  <div class="p-col-12 p-md-4">
                     <div class="card">
                         <h5>Image - Badge</h5>
-                        <Avatar image="demo/images/organization/walter.jpg" class="p-mr-2" size="xlarge" v-badge.danger="4" />
+                        <Avatar image="demo/images/organization/walter.jpg" size="xlarge" v-badge.danger="4" />
                     </div>
                 </div>
             </div>
diff --git a/src/views/avatar/AvatarDoc.vue b/src/views/avatar/AvatarDoc.vue
index 01c40f577..ad226adb5 100644
--- a/src/views/avatar/AvatarDoc.vue
+++ b/src/views/avatar/AvatarDoc.vue
@@ -209,7 +209,7 @@ import AvatarGroup from 'primevue/avatargroup';
 	&lt;div class="p-col-12 p-md-4"&gt;
 		&lt;div class="card"&gt;
 			&lt;h5&gt;Label - Badge&lt;/h5&gt;
-			&lt;Avatar label="U" class="p-mr-2" size="xlarge" style="background-color:#4caf4f; color: #ffffff" v-badge="4" /&gt;
+			&lt;Avatar label="U" size="xlarge" style="background-color:#4caf4f; color: #ffffff" v-badge="4" /&gt;
 		&lt;/div&gt;
 	&lt;/div&gt;
 &lt;/div&gt;
@@ -236,7 +236,7 @@ import AvatarGroup from 'primevue/avatargroup';
 		&lt;div class="p-col-12 p-md-4"&gt;
 		&lt;div class="card"&gt;
 			&lt;h5&gt;Icon - Badge&lt;/h5&gt;
-			&lt;Avatar icon="pi pi-user" class="p-mr-2" size="xlarge" v-badge="4"/&gt;
+			&lt;Avatar icon="pi pi-user" size="xlarge" v-badge="4"/&gt;
 		&lt;/div&gt;
 	&lt;/div&gt;
 &lt;/div&gt;
@@ -268,7 +268,7 @@ import AvatarGroup from 'primevue/avatargroup';
 		&lt;div class="p-col-12 p-md-4"&gt;
 		&lt;div class="card"&gt;
 			&lt;h5&gt;Image - Badge&lt;/h5&gt;
-			&lt;Avatar image="demo/images/organization/walter.jpg" class="p-mr-2" size="xlarge" v-badge.danger="4" /&gt;
+			&lt;Avatar image="demo/images/organization/walter.jpg" size="xlarge" v-badge.danger="4" /&gt;
 		&lt;/div&gt;
 	&lt;/div&gt;
 &lt;/div&gt;