diff --git a/src/views/badge/BadgeDemo.vue b/src/views/badge/BadgeDemo.vue
index 88cc01cef..f2fe5388b 100644
--- a/src/views/badge/BadgeDemo.vue
+++ b/src/views/badge/BadgeDemo.vue
@@ -54,7 +54,7 @@
                 <h5>Sizes</h5>
                 <div class="badges">
                     <span class="p-badge">2</span>
-                    <span class="p-badge p-badge-lg p-badge-sucess">4</span>
+                    <span class="p-badge p-badge-lg p-badge-success">4</span>
                     <span class="p-badge p-badge-xl p-badge-warning">6</span>
                 </div>
             </div>
diff --git a/src/views/badge/BadgeDoc.vue b/src/views/badge/BadgeDoc.vue
index be9966dec..b7c7a4bda 100644
--- a/src/views/badge/BadgeDoc.vue
+++ b/src/views/badge/BadgeDoc.vue
@@ -64,7 +64,7 @@
 <pre v-code>
 <code>
 &lt;span class="p-badge"&gt;2&lt;/span&gt;
-&lt;span class="p-badge p-badge-l p-badge-sucess"&gt;4&lt;/span&gt;
+&lt;span class="p-badge p-badge-l p-badge-success"&gt;4&lt;/span&gt;
 &lt;span class="p-badge p-badge-xl p-badge-warning"&gt;6&lt;/span&gt;
 
 </code></pre>
@@ -171,7 +171,7 @@
 &lt;h3&gt;Sizes&lt;/h3&gt;
 &lt;div class="badges"&gt;
     &lt;span class="p-badge"&gt;2&lt;/span&gt;
-    &lt;span class="p-badge p-badge-lg p-badge-sucess"&gt;4&lt;/span&gt;
+    &lt;span class="p-badge p-badge-lg p-badge-success"&gt;4&lt;/span&gt;
     &lt;span class="p-badge p-badge-xl p-badge-warning"&gt;6&lt;/span&gt;
 &lt;/div&gt;
 </template>