diff --git a/package-lock.json b/package-lock.json
index 3fcd4c08..a895e1d4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -98,7 +98,7 @@
         "postcss": "^8.4.49",
         "replace-in-file": "^7.1.0",
         "shx": "^0.3.4",
-        "storybook": "^7.6.7",
+        "storybook": "^8.4.7",
         "style-loader": "^3.3.4",
         "stylelint": "^16.1.0",
         "tinymce": "^7.2.1",
@@ -11464,6 +11464,37 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@storybook/core": {
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.4.7.tgz",
+      "integrity": "sha512-7Z8Z0A+1YnhrrSXoKKwFFI4gnsLbWzr8fnDCU6+6HlDukFYh8GHRcZ9zKfqmy6U3hw2h8H5DrHsxWfyaYUUOoA==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/csf": "^0.1.11",
+        "better-opn": "^3.0.2",
+        "browser-assert": "^1.2.1",
+        "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0",
+        "esbuild-register": "^3.5.0",
+        "jsdoc-type-pratt-parser": "^4.0.0",
+        "process": "^0.11.10",
+        "recast": "^0.23.5",
+        "semver": "^7.6.2",
+        "util": "^0.12.5",
+        "ws": "^8.2.3"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "prettier": "^2 || ^3"
+      },
+      "peerDependenciesMeta": {
+        "prettier": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@storybook/core-common": {
       "version": "7.6.20",
       "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-7.6.20.tgz",
@@ -25544,6 +25575,15 @@
         "signal-exit": "^3.0.2"
       }
     },
+    "node_modules/jsdoc-type-pratt-parser": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.1.0.tgz",
+      "integrity": "sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/jsdom": {
       "version": "20.0.3",
       "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.3.tgz",
@@ -33673,20 +33713,29 @@
       "dev": true
     },
     "node_modules/storybook": {
-      "version": "7.6.20",
-      "resolved": "https://registry.npmjs.org/storybook/-/storybook-7.6.20.tgz",
-      "integrity": "sha512-Wt04pPTO71pwmRmsgkyZhNo4Bvdb/1pBAMsIFb9nQLykEdzzpXjvingxFFvdOG4nIowzwgxD+CLlyRqVJqnATw==",
+      "version": "8.4.7",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.4.7.tgz",
+      "integrity": "sha512-RP/nMJxiWyFc8EVMH5gp20ID032Wvk+Yr3lmKidoegto5Iy+2dVQnUoElZb2zpbVXNHWakGuAkfI0dY1Hfp/vw==",
       "dev": true,
       "dependencies": {
-        "@storybook/cli": "7.6.20"
+        "@storybook/core": "8.4.7"
       },
       "bin": {
-        "sb": "index.js",
-        "storybook": "index.js"
+        "getstorybook": "bin/index.cjs",
+        "sb": "bin/index.cjs",
+        "storybook": "bin/index.cjs"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "prettier": "^2 || ^3"
+      },
+      "peerDependenciesMeta": {
+        "prettier": {
+          "optional": true
+        }
       }
     },
     "node_modules/stream-shift": {
diff --git a/package.json b/package.json
index 17cf40fb..5b51d960 100644
--- a/package.json
+++ b/package.json
@@ -143,7 +143,7 @@
     "postcss": "^8.4.49",
     "replace-in-file": "^7.1.0",
     "shx": "^0.3.4",
-    "storybook": "^7.6.7",
+    "storybook": "^8.4.7",
     "style-loader": "^3.3.4",
     "stylelint": "^16.1.0",
     "tinymce": "^7.2.1",