diff --git a/app/components/HeadlessToast.vue b/app/components/HeadlessToast.vue
index 5aca26d..922b2a9 100644
--- a/app/components/HeadlessToast.vue
+++ b/app/components/HeadlessToast.vue
@@ -1,13 +1,14 @@
 <script setup lang="ts">
 import { toast } from '@/packages'
 
-defineProps<{ msg?: string }>()
+defineProps<{ msg?: string; isPaused?: boolean }>()
 </script>
 
 <template>
   <div class="headless">
     <p class="headlessTitle">Event Created {{ msg }}</p>
     <p class="headlessDescription">Today at 4:00pm - "Louvre Museum"</p>
+    <p class="headlessDescription">is Paused : {{isPaused}}</p>
     <button class="headlessCloseAll" @click="toast.dismiss()">
       Close all
     </button>
diff --git a/src/packages/Toast.vue b/src/packages/Toast.vue
index 091599b..5e41b59 100644
--- a/src/packages/Toast.vue
+++ b/src/packages/Toast.vue
@@ -71,6 +71,7 @@
         :is="toast.component"
         v-bind="toast.componentProps"
         :onCloseToast="handleCloseToast"
+        :isPaused="$props.expanded || $props.interacting || isDocumentHidden"
       />
     </template>