diff --git a/src/components/MagicoModal.vue b/src/components/MagicoModal.vue
index b554753..25d4751 100644
--- a/src/components/MagicoModal.vue
+++ b/src/components/MagicoModal.vue
@@ -1,7 +1,7 @@
 <template>
-  <div :id="id" class="modal">
-    <div class="modal-dialog" :class="class_other">
-      <div v-if="modal" class="modal-content">
+  <div :id="id" class="modal" data-bs-focus="false" tabindex="-1">
+    <div class="modal-dialog" :class="class_other" v-if="modelValue">
+      <div class="modal-content">
         <div v-if="title" class="modal-header">
           <h4 class="modal-title" v-html="title" />
           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" />
@@ -20,9 +20,9 @@ import { onMounted, onBeforeUnmount, ref, watch } from 'vue'
 
 export default {
   props: ['modelValue', 'title', 'class_other'],
-  emits: ['change','update:modelValue','hide'],
+  emits: ['change', 'update:modelValue', 'hide'],
   setup(props, { emit }) {
-    const id = 'modal' + Math.round(Math.random() * 100000)
+    const id = 'modalpgb' + Math.round(Math.random() * 100000)
     const modal = ref(null)
 
     const triggerModal = (value, emitEvent = true) => {