diff --git a/src/views/badge/BadgeDemo.vue b/src/views/badge/BadgeDemo.vue
index e77418250..1a5fe2822 100644
--- a/src/views/badge/BadgeDemo.vue
+++ b/src/views/badge/BadgeDemo.vue
@@ -48,7 +48,7 @@
 
             <h3>Inline Button Badge</h3>
             <Button type="button" label="Emails" badge="8" />
-            <Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-class-error" />
+            <Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" />
 
             <h3>Sizes</h3>
             <div class="badges">
diff --git a/src/views/badge/BadgeDoc.vue b/src/views/badge/BadgeDoc.vue
index deac20c6d..800a6efe6 100644
--- a/src/views/badge/BadgeDoc.vue
+++ b/src/views/badge/BadgeDoc.vue
@@ -48,7 +48,7 @@
 
 <CodeHighlight>
 &lt;Button type="button" label="Emails" badge="8" /&gt;
-&lt;Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-class-error" /&gt;
+&lt;Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" /&gt;
 </CodeHighlight>
 
                 <h3>Sizes</h3>
@@ -154,7 +154,7 @@
 
 &lt;h3&gt;Inline Button Badge&lt;/h3&gt;
 &lt;Button type="button" label="Emails" badge="8" /&gt;
-&lt;Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-class-error" /&gt;
+&lt;Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" /&gt;
 
 &lt;h3&gt;Sizes&lt;/h3&gt;
 &lt;div class="badges"&gt;
diff --git a/src/views/button/ButtonDemo.vue b/src/views/button/ButtonDemo.vue
index e9ac371b3..55135996f 100755
--- a/src/views/button/ButtonDemo.vue
+++ b/src/views/button/ButtonDemo.vue
@@ -45,7 +45,7 @@
 
             <h3>Badges</h3>
             <Button type="button" label="Emails" badge="8" />
-            <Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-info" />
+            <Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" />
 
             <h3>Button Set</h3>
             <span class="p-buttonset">
diff --git a/src/views/button/ButtonDoc.vue b/src/views/button/ButtonDoc.vue
index 12063e563..906cb81b1 100755
--- a/src/views/button/ButtonDoc.vue
+++ b/src/views/button/ButtonDoc.vue
@@ -221,7 +221,7 @@ import Button from 'primevue/button';
 
 &lt;h3&gt;Badges&lt;/h3&gt;
 &lt;Button type="button" label="Emails" badge="8" /&gt;
-&lt;Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-info" /&gt;
+&lt;Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" /&gt;
 
 &lt;h3&gt;Button Set&lt;/h3&gt;
 &lt;span class="p-buttonset"&gt;