From fb2e33a7ede3fe80cf41a4292ceb6d49c411fcdc Mon Sep 17 00:00:00 2001
From: Bahadir Sofuoglu <bahadirsofuoglu@gmail.com>
Date: Thu, 15 Sep 2022 16:24:51 +0300
Subject: [PATCH] toast close icon style issue fixed

---
 src/components/toast/ToastMessage.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/toast/ToastMessage.vue b/src/components/toast/ToastMessage.vue
index d1ea77cb98..f418b5334b 100755
--- a/src/components/toast/ToastMessage.vue
+++ b/src/components/toast/ToastMessage.vue
@@ -9,9 +9,11 @@
                 </div>
             </template>
             <component v-else :is="template" :message="message"></component>
-            <button v-if="message.closable !== false" v-ripple class="p-toast-icon-close p-link" @click="onCloseClick" type="button">
-                <span class="p-toast-icon-close-icon pi pi-times"></span>
-            </button>
+            <div v-if="message.closable !== false">
+                <button v-ripple class="p-toast-icon-close p-link" @click="onCloseClick" type="button">
+                    <span class="p-toast-icon-close-icon pi pi-times"></span>
+                </button>
+            </div>
         </div>
     </div>
 </template>