diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
index 4ea96bbe9..ee09270ec 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
@@ -1,6 +1,6 @@
 <template>
   <transition name="modal">
-    <div class="modal-mask">
+    <div class="modal-mask" v-if="props.show">
       <!-- :: styles bootstrap :: -->
       <div
         class="modal fade show"
@@ -47,13 +47,14 @@
  *    [+] modal design can be configured using css classes (size, scroll)
  */
 import { trans, MODAL_ACTION_CLOSE } from "translator";
-import { defineProps } from "vue";
+
+import type { VNode } from "vue";
 
 defineSlots<{
-  header?: () => any;
-  body?: () => any;
-  footer?: () => any;
-  "body-head"?: () => any;
+  header?: () => VNode;
+  body?: () => VNode;
+  footer?: () => VNode;
+  "body-head"?: () => VNode;
 }>();
 
 export interface ModalProps {