Toast: closeIcon on message is outside of button

[ethanolree]

Describe the bug

Adding a customIcon to toast messages causes the icon to appear outside of the button

Environment

Angular with PrimeNG

Reproducer

No response

Angular version

16.2.5

PrimeNG version

16.3.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18

Browser(s)

No response

Steps to reproduce the behavior

Add a closeIcon to any toast message

Expected behavior

Icon will appear inside of the toast button

[ashikjs]

@ethanolree can you make any reproducible code and share with us

[ethanolree]

@ashikjs

HTML:
<p-toast></p-toast>

TS:
this.messageService.add({severity: 'success', summary: 'Success', detail: 'Message Content', closeIcon: 'pi pi-heart'});

any toast using closeIcon

[ashikjs]

@ethanolree ya, got it. Thanks for your response.
I solve it and make a PR for this issues and waiting to approved from Primeng Core team.

Btw: you should use only icon name like pi-heart or pi-times.