diff --git a/packages/core/src/components/modal/modal.tsx b/packages/core/src/components/modal/modal.tsx
index 11fbd5ad46c..e33e34ea417 100644
--- a/packages/core/src/components/modal/modal.tsx
+++ b/packages/core/src/components/modal/modal.tsx
@@ -142,7 +142,7 @@ export class Modal {
    */
   @Method()
   async showModal() {
-    this.dialog?.showModal();
+    setTimeout(() => this.dialog.showModal());
   }
 
   /**