diff --git a/doc/badge/PositionDoc.vue b/doc/badge/PositionDoc.vue
index f3701992c..48346b5e9 100644
--- a/doc/badge/PositionDoc.vue
+++ b/doc/badge/PositionDoc.vue
@@ -3,9 +3,9 @@
         <p>A Badge can be positioned at the top right corner of an element by adding <i>p-overlay-badge</i> style class to the element and embedding the badge inside.</p>
     </DocSectionText>
     <div class="card flex flex-wrap justify-content-center gap-4">
-        <i v-badge="2" class="pi pi-bell p-overlay-badge" style="font-size: 2rem" />
-        <i v-badge.danger="'5+'" class="pi pi-calendar p-overlay-badge" style="font-size: 2rem" />
-        <i v-badge.danger class="pi pi-envelope p-overlay-badge" style="font-size: 2rem" />
+        <i v-badge="2" class="pi pi-bell" style="font-size: 2rem" />
+        <i v-badge.danger="'5+'" class="pi pi-calendar" style="font-size: 2rem" />
+        <i v-badge.danger class="pi pi-envelope" style="font-size: 2rem" />
     </div>
     <DocSectionCode :code="code" />
 </template>
@@ -16,16 +16,16 @@ export default {
         return {
             code: {
                 basic: `
-<i v-badge="2" class="pi pi-bell p-overlay-badge" style="font-size: 2rem" />
-<i v-badge.danger="'5+'" class="pi pi-calendar p-overlay-badge" style="font-size: 2rem" />
-<i v-badge.danger class="pi pi-envelope p-overlay-badge" style="font-size: 2rem" />
+<i v-badge="2" class="pi pi-bell" style="font-size: 2rem" />
+<i v-badge.danger="'5+'" class="pi pi-calendar" style="font-size: 2rem" />
+<i v-badge.danger class="pi pi-envelope" style="font-size: 2rem" />
 `,
                 options: `
 <template>
     <div class="card flex flex-wrap justify-content-center gap-4">
-        <i v-badge="2" class="pi pi-bell p-overlay-badge" style="font-size: 2rem" />
-        <i v-badge.danger="'5+'" class="pi pi-calendar p-overlay-badge" style="font-size: 2rem" />
-        <i v-badge.danger class="pi pi-envelope p-overlay-badge" style="font-size: 2rem" />
+        <i v-badge="2" class="pi pi-bell" style="font-size: 2rem" />
+        <i v-badge.danger="'5+'" class="pi pi-calendar" style="font-size: 2rem" />
+        <i v-badge.danger class="pi pi-envelope" style="font-size: 2rem" />
     </div>
 </template>
 
@@ -36,9 +36,9 @@ export default {
                 composition: `
 <template>
     <div class="card flex flex-wrap justify-content-center gap-4">
-        <i v-badge="2" class="pi pi-bell p-overlay-badge" style="font-size: 2rem" />
-        <i v-badge.danger="'5+'" class="pi pi-calendar p-overlay-badge" style="font-size: 2rem" />
-        <i v-badge.danger class="pi pi-envelope p-overlay-badge" style="font-size: 2rem" />
+        <i v-badge="2" class="pi pi-bell" style="font-size: 2rem" />
+        <i v-badge.danger="'5+'" class="pi pi-calendar" style="font-size: 2rem" />
+        <i v-badge.danger class="pi pi-envelope" style="font-size: 2rem" />
     </div>
 </template>