diff --git a/bun.lockb b/bun.lockb
index 5e3bc1f..933c8a7 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/docs/bun.lockb b/docs/bun.lockb
index 46a79f5..6c018a6 100755
Binary files a/docs/bun.lockb and b/docs/bun.lockb differ
diff --git a/docs/package.json b/docs/package.json
index b28c66c..411c3ee 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -11,7 +11,7 @@
     "astro": "latest",
     "carbon-components-svelte": "latest",
     "fuzzy": "latest",
-    "svelte-focus-key": "latest",
-    "svelte": "latest"
+    "svelte": "^5.0.3",
+    "svelte-focus-key": "latest"
   }
 }
diff --git a/package.json b/package.json
index 193efc6..7abebea 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "@carbon/icons": "11.51.0",
     "@carbon/icons-11.31": "npm:@carbon/icons@~11.31.0",
     "@types/bun": "latest",
-    "svelte": "latest",
+    "svelte": "^5.0.3",
     "typescript": "latest"
   },
   "repository": {
diff --git a/tests/Icons.svelte b/tests/Icons.svelte
index 5d27764..a5aace1 100644
--- a/tests/Icons.svelte
+++ b/tests/Icons.svelte
@@ -12,13 +12,14 @@
   } from "carbon-icons-svelte";
   import type { CarbonIconProps } from "carbon-icons-svelte";
   import Icon from "carbon-icons-svelte/lib/Accessibility.svelte";
+  import { mount } from "svelte";
 
   const props: CarbonIconProps = {
     size: 32,
     fill: "red",
   };
 
-  const icon = new Icon({ target: document.body, props });
+  const icon = mount(Icon, { target: document.body, props });
 
   $: console.log(icon.$$prop_def);
   $: console.log(typeof Assembly);