diff --git a/libs/angular-accelerator/src/lib/components/data-list-grid/data-list-grid.component.html b/libs/angular-accelerator/src/lib/components/data-list-grid/data-list-grid.component.html
index a0922f2a..a6789c2c 100644
--- a/libs/angular-accelerator/src/lib/components/data-list-grid/data-list-grid.component.html
+++ b/libs/angular-accelerator/src/lib/components/data-list-grid/data-list-grid.component.html
@@ -9,6 +9,7 @@
   currentPageReportTemplate="{{ (totalRecordsOnServer ? currentPageShowingWithTotalOnServerKey : currentPageShowingKey) | translate:params }}"
   [rowsPerPageOptions]="[10, 25, 50, data?.length]"
   id="dataListGrid_{{name}}"
+  paginatorDropdownAppendTo="body"
 >
   <ng-template let-item pTemplate="paginatordropdownitem">
     {{ item.value === data?.length ? ("OCX_DATA_TABLE.ALL" | translate) : item.value }}
diff --git a/libs/angular-accelerator/src/lib/components/data-table/data-table.component.html b/libs/angular-accelerator/src/lib/components/data-table/data-table.component.html
index d9d7236e..bf282994 100644
--- a/libs/angular-accelerator/src/lib/components/data-table/data-table.component.html
+++ b/libs/angular-accelerator/src/lib/components/data-table/data-table.component.html
@@ -94,6 +94,7 @@
   (selectionChange)="onSelectionChange($event)"
   [selection]="(selectedRows$ | async) || []"
   [scrollable]="true"
+  paginatorDropdownAppendTo="body"
 >
   <ng-template pTemplate="header">
     <tr>