ConfirmPopup: Arrow not correctly rendered

[oscar-b]

Describe the bug

The arrow isn't rendered properly when the target element is small (like an icon). It's rendered outside of the actual popup box.

Reproducer

https://stackblitz.com/edit/j15mhjvy?file=src%2FApp.jsx

System Information

System:
    OS: macOS 15.6.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 2.12 GB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.18.0 - ~/.nvm/versions/node/v20.18.0/bin/node
    npm: 10.8.2 - ~/.nvm/versions/node/v20.18.0/bin/npm
    pnpm: 9.12.1 - /opt/homebrew/bin/pnpm
    Watchman: 2024.11.04.00 - /opt/homebrew/bin/watchman
  Browsers:
    Chrome: 140.0.7339.133
    Safari: 18.6
  npmPackages:
    primereact: ^10.9.7 => 10.9.7 
    react: ^19.1.1 => 19.1.1

Steps to reproduce the behavior

1. Click the X icon
2. Look at the arrow being misplaced

Expected behavior

No response