diff --git a/src/app/showcase/doc/table/paginatorprogrammaticdoc.ts b/src/app/showcase/doc/table/paginatorprogrammaticdoc.ts
index 2a26763f555..5aaeb610009 100644
--- a/src/app/showcase/doc/table/paginatorprogrammaticdoc.ts
+++ b/src/app/showcase/doc/table/paginatorprogrammaticdoc.ts
@@ -11,7 +11,7 @@ import { CustomerService } from '../../service/customerservice';
             <p _ngcontent-ylv-c94="">Paginator can also be controlled via model using a binding to the <i>first</i> property where changes trigger a pagination.</p>
         </app-docsectiontext>
         <div class="card">
-            <div class="mb-3">
+            <div class="mb-3 flex gap-1">
                 <p-button type="button" icon="pi pi-chevron-left" (click)="prev()" [disabled]="isFirstPage()" styleClass="p-button-text"></p-button>
                 <p-button type="button" icon="pi pi-refresh" (click)="reset()" styleClass="p-button-text"></p-button>
                 <p-button type="button" icon="pi pi-chevron-right" (click)="next()" [disabled]="isLastPage()" styleClass="p-button-text"></p-button>