Problem with responsive table within Sidebar Layout from PrimeBlocks

[kaposoniro]

The table is not responsive when placed within the main content of the Sidebar Layout taken from PrimeBlocks. The table itself should not extend beyond the page size. Instead of triggering the horizontal scroll bar of the browser, the table should become scrollable on th x-axis (horizontal).

https://stackblitz.com/edit/yub5cx-uqtdin

Angular version

17.3.7

PrimeNG version

17.17.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.12.2

Browser(s)

No response

Steps to reproduce the behavior

1. Open StackBlitz
2. Open Preview in new tab
3. Shrink the browser until the table extends beyond the page size

Expected behavior

The table itself should not extend beyond the page size. Instead of triggering the horizontal scroll bar of the browser, the table should be scrollable on th x-axis (horizontal).

Expected behavior should be like this: