diff --git a/doc/button/IconsDoc.vue b/doc/button/IconsDoc.vue
index 1b84061b7..f176321ea 100644
--- a/doc/button/IconsDoc.vue
+++ b/doc/button/IconsDoc.vue
@@ -3,9 +3,11 @@
         <p>Icon of a button is specified with <i>icon</i> property and position is configured using <i>iconPos</i> attribute.</p>
     </DocSectionText>
     <div class="card flex flex-wrap gap-3 justify-content-center">
-        <Button icon="pi pi-check" aria-label="Submit" />
-        <Button label="Submit" icon="pi pi-check" />
-        <Button label="Submit" icon="pi pi-check" iconPos="right" />
+        <Button icon="pi pi-check" class="align-self-center" aria-label="Submit" />
+        <Button label="Submit" icon="pi pi-check" class="align-self-center" />
+        <Button label="Submit" icon="pi pi-check" iconPos="right" class="align-self-center" />
+        <Button label="Submit" icon="pi pi-check" iconPos="top" />
+        <Button label="Submit" icon="pi pi-check" iconPos="bottom" />
     </div>
     <DocSectionCode :code="code" />
 </template>
@@ -19,6 +21,8 @@ export default {
 <Button icon="pi pi-check" aria-label="Submit" />
 <Button label="Submit" icon="pi pi-check" />
 <Button label="Submit" icon="pi pi-check" iconPos="right" />
+<Button label="Submit" icon="pi pi-check" iconPos="top" />
+<Button label="Submit" icon="pi pi-check" iconPos="bottom" />
 `,
                 options: `
 <template>
@@ -26,6 +30,8 @@ export default {
         <Button icon="pi pi-check" aria-label="Submit" />
         <Button label="Submit" icon="pi pi-check" />
         <Button label="Submit" icon="pi pi-check" iconPos="right" />
+        <Button label="Submit" icon="pi pi-check" iconPos="top" />
+        <Button label="Submit" icon="pi pi-check" iconPos="bottom" />
     </div>
 </template>
 
@@ -38,6 +44,8 @@ export default {
         <Button icon="pi pi-check" aria-label="Submit" />
         <Button label="Submit" icon="pi pi-check" />
         <Button label="Submit" icon="pi pi-check" iconPos="right" />
+        <Button label="Submit" icon="pi pi-check" iconPos="top" />
+        <Button label="Submit" icon="pi pi-check" iconPos="bottom" />
     </div>
 </template>
 
diff --git a/pages/button/index.vue b/pages/button/index.vue
index 533712394..2f6f814a8 100755
--- a/pages/button/index.vue
+++ b/pages/button/index.vue
@@ -26,6 +26,7 @@ import RaisedDoc from '@/doc/button/RaisedDoc.vue';
 import RaisedTextDoc from '@/doc/button/RaisedTextDoc.vue';
 import RoundedDoc from '@/doc/button/RoundedDoc.vue';
 import SeverityDoc from '@/doc/button/SeverityDoc.vue';
+import SizesDoc from '@/doc/button/SizesDoc.vue';
 import TemplateDoc from '@/doc/button/TemplateDoc.vue';
 import TextDoc from '@/doc/button/TextDoc.vue';
 import PTComponent from '@/doc/button/pt/index.vue';
@@ -109,12 +110,12 @@ export default {
                     id: 'buttongroup',
                     label: 'Button Group',
                     component: ButtonGroupDoc
-                } /*
+                },
                 {
                     id: 'sizes',
                     label: 'Sizes',
                     component: SizesDoc
-                },*/,
+                },
                 {
                     id: 'template',
                     label: 'Template',