diff --git a/doc/chip/TemplateDoc.vue b/doc/chip/TemplateDoc.vue
index ed06bd943..e12fea388 100644
--- a/doc/chip/TemplateDoc.vue
+++ b/doc/chip/TemplateDoc.vue
@@ -3,7 +3,7 @@
         <p>The default slot allows displaying custom content inside a chip.</p>
     </DocSectionText>
     <div class="card">
-        <Chip class="pl-0 pr-3">
+        <Chip class="py-0 pl-0 pr-3">
             <span class="bg-primary border-circle w-2rem h-2rem flex align-items-center justify-content-center">P</span>
             <span class="ml-2 font-medium">PRIME</span>
         </Chip>
@@ -17,7 +17,7 @@ export default {
         return {
             code: {
                 basic: `
-<Chip class="pl-0 pr-3">
+<Chip class="py-0 pl-0 pr-3">
     <span class="bg-primary border-circle w-2rem h-2rem flex align-items-center justify-content-center">P</span>
     <span class="ml-2 font-medium">PRIME</span>
 </Chip>
@@ -25,7 +25,7 @@ export default {
                 options: `
 <template>
     <div class="card">
-        <Chip class="pl-0 pr-3">
+        <Chip class="py-0 pl-0 pr-3">
             <span class="bg-primary border-circle w-2rem h-2rem flex align-items-center justify-content-center">P</span>
             <span class="ml-2 font-medium">PRIME</span>
         </Chip>
@@ -39,7 +39,7 @@ export default {
                 composition: `
 <template>
     <div class="card">
-        <Chip class="pl-0 pr-3">
+        <Chip class="py-0 pl-0 pr-3">
             <span class="bg-primary border-circle w-2rem h-2rem flex align-items-center justify-content-center">P</span>
             <span class="ml-2 font-medium">PRIME</span>
         </Chip>