From 391adafaf36efe46e78aa3278b4ef7209e730d3c Mon Sep 17 00:00:00 2001
From: Md Ashik <ashik@jotno.net>
Date: Mon, 25 Sep 2023 10:56:12 +0600
Subject: [PATCH] fix: #13707 || Toast: closeIcon on message is outside of
 button

---
 src/app/components/toast/toast.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/toast/toast.ts b/src/app/components/toast/toast.ts
index 21637c6bd0a..842bec2f66d 100755
--- a/src/app/components/toast/toast.ts
+++ b/src/app/components/toast/toast.ts
@@ -67,7 +67,6 @@ import { ToastCloseEvent, ToastItemCloseEvent } from './toast.interface';
                     </div>
                 </ng-container>
                 <ng-container *ngTemplateOutlet="template; context: { $implicit: message }"></ng-container>
-                <span *ngIf="message.closeIcon" [class]="'p-toast-message-icon pi ' + message.closeIcon"></span>
                 <button
                     type="button"
                     class="p-toast-icon-close p-link"
@@ -78,6 +77,7 @@ import { ToastCloseEvent, ToastItemCloseEvent } from './toast.interface';
                     [attr.aria-label]="'Close'"
                     [attr.data-pc-section]="'closebutton'"
                 >
+                    <span *ngIf="message.closeIcon" [class]="'pt-1 text-base p-toast-message-icon pi ' + message.closeIcon"></span>
                     <TimesIcon *ngIf="!message.closeIcon" [styleClass]="'p-toast-icon-close-icon'" [attr.aria-hidden]="true" [attr.data-pc-section]="'closeicon'" />
                 </button>
             </div>