diff --git a/src/main.ts b/src/main.ts
index cc2be13..d7a752b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -85,7 +85,7 @@ export const connect = async ({
   })
 
   const getTarget = (): ShadowRoot => {
-    const modalId = "starknetkit-modal"
+    const modalId = "starknetkit-modal-container"
     const existingElement = document.getElementById(modalId)
 
     if (existingElement) {
diff --git a/src/modal/Modal.svelte b/src/modal/Modal.svelte
index c0d562d..e8f2343 100644
--- a/src/modal/Modal.svelte
+++ b/src/modal/Modal.svelte
@@ -71,6 +71,7 @@
 {#if !isInAppBrowser && modalWallets.length > 1}
   <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div
+    part="starknetkit-modal"
     class={`modal-font backdrop-blur-sm fixed inset-0 flex items-center 
             justify-center bg-black/25 z-[9999] ${darkModeControlClass}`}
     on:click={() => cb(null)}