Broken style of prime-react paginator dropdown that is inside dialog when paginatorDropdownAppendTo="body"

[escontreras]

Describe the bug

Describe the bug
When appending a paginator of a p-table that is inside a dialog, using paginatorDropdownAppendTo="body", the dropdown of the paginator is not the same style as before

Before appending it to body:

After adding paginatorDropdownAppendTo="body":

Reproducer

No response

System Information

System:
    OS: macOS 15.0.1
    CPU: (8) arm64 Apple M3
    Memory: 121.33 MB / 8.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.18.0 - ~/.nvm/versions/node/v18.18.0/bin/node
    Yarn: 1.22.22 - ~/.nvm/versions/node/v18.18.0/bin/yarn
    npm: 9.8.1 - ~/.nvm/versions/node/v18.18.0/bin/npm
    pnpm: 9.7.1 - ~/.nvm/versions/node/v18.18.0/bin/pnpm
  Browsers:
    Safari: 18.0.1
  npmPackages:
    primereact: 10.1.0 => 10.1.0
    react: 18.3.1 => 18.3.1

Steps to reproduce the behavior

Create a table with paginator inside a accordion
Select paginator dropdown → the menu is "under" the border
add paginatorDropdownAppendTo="body" to the table
Select paginator dropdown → the menu is "over" the border but it is narrow

Expected behavior

Expected behavior
The dropdown menu is expected to be the same width as when it is not appended to body.