Toast: Close button resizes on longer text

[abakucz]

Describe the bug

If the Toast details are longer than one line, the clickable area around close button becomes oval instead of keeping circular shape.

With short details text:

With long details text:

Reproducer

No response

PrimeVue version

3.16.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Chrome

Steps to reproduce the behavior

Easiest way:

1. Go to https://www.primefaces.org/primevue/toast
2. Click Sticky to open the toast.
3. Inspect the toast element with Chrome DevTools.
4. Change the toasts details text to something longer.

Expected behavior

Close button's shape (clickable area) should remain circular independent of toast's details text length.

[bahadirsofuoglu]

Fixed #2978