diff --git a/package.json b/package.json
index c69bed1..c239a99 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,8 @@
     "lint:fix": "eslint --fix .",
     "start": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
-    "deploy-storybook": "storybook-to-ghpages"
+    "deploy-storybook": "storybook-to-ghpages && npm run fix-deploy",
+    "fix-deploy": "node ./scripts/fix-storybook-to-ghpages-deploy.js"
   },
   "license": "MIT",
   "devDependencies": {
diff --git a/scripts/fix-storybook-to-ghpages-deploy.js b/scripts/fix-storybook-to-ghpages-deploy.js
new file mode 100644
index 0000000..a56465e
--- /dev/null
+++ b/scripts/fix-storybook-to-ghpages-deploy.js
@@ -0,0 +1,18 @@
+const { execSync } = require("child_process");
+const { readFileSync, writeFileSync } = require("fs");
+
+try {
+  execSync("git branch -D gh-pages")
+} catch {}
+try {
+execSync("git pull")
+} catch {}
+execSync("git checkout gh-pages")
+
+const iframeDotHtml = readFileSync("./iframe.html", { encoding: "utf8" });
+
+writeFileSync("./iframe.html", iframeDotHtml.replace("<script type=\"module\" crossorigin src=\"/assets/", "<script type=\"module\" crossorigin src=\"/solid-joystick/assets/"));
+
+execSync("git commit -am \"fix: automated fix for bad deploy path\"");
+execSync("git push");
+execSync("git checkout main");
\ No newline at end of file