diff --git a/src/components/PagebuilderSectionPlugin.vue b/src/components/PagebuilderSectionPlugin.vue
index 21eebfd..169cb2e 100644
--- a/src/components/PagebuilderSectionPlugin.vue
+++ b/src/components/PagebuilderSectionPlugin.vue
@@ -35,8 +35,7 @@
       >
     </div>
     <div class="ms-4" style="color: #a9a9a9" v-html="ctext"></div>
-    <img :src="image" style="max-width:200px">
-
+    <img :src="image" style="max-width: 200px" />
   </div>
 </template>
 <script>
@@ -120,15 +119,20 @@ export default {
       this.$emit('itemRemoved', this.modelValue)
     },
     onCloseModal: function () {
-      this.modalBox = false
-      this.$emit('update:modelValue', {
-        name: this.name,
-        image: this.image,
-        title: this.title,
-        id: this.id,
-        data: this.data,
-        type: this.type
-      })
+      setTimeout(
+        function () {
+          this.modalBox = false
+          this.$emit('update:modelValue', {
+            name: this.name,
+            image: this.image,
+            title: this.title,
+            id: this.id,
+            data: this.data,
+            type: this.type
+          })
+        }.bind(this),
+        200
+      )
     }
   }
 }