diff --git a/package-lock.json b/package-lock.json
index f9f30cdbbf..c03f71b3b8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -100,7 +100,7 @@
         "@babel/preset-react": "^7.22.3",
         "@babel/preset-typescript": "^7.21.5",
         "@babel/runtime": "^7.22.5",
-        "@chromatic-com/storybook": "^1.9.0",
+        "@chromatic-com/storybook": "^3.2.2",
         "@cypress/webpack-preprocessor": "^5.17.1",
         "@graphql-codegen/cli": "^5.0.3",
         "@graphql-codegen/typescript-operations": "^4.0.1",
@@ -2711,12 +2711,12 @@
       }
     },
     "node_modules/@chromatic-com/storybook": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-1.9.0.tgz",
-      "integrity": "sha512-vYQ+TcfktEE3GHnLZXHCzXF/sN9dw+KivH8a5cmPyd9YtQs7fZtHrEgsIjWpYycXiweKMo1Lm1RZsjxk8DH3rA==",
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-3.2.2.tgz",
+      "integrity": "sha512-xmXt/GW0hAPbzNTrxYuVo43Adrtjue4DeVrsoIIEeJdGaPNNeNf+DHMlJKOBdlHmCnFUoe9R/0mLM9zUp5bKWw==",
       "dev": true,
       "dependencies": {
-        "chromatic": "^11.4.0",
+        "chromatic": "^11.15.0",
         "filesize": "^10.0.12",
         "jsonfile": "^6.1.0",
         "react-confetti": "^6.1.0",
@@ -2725,6 +2725,9 @@
       "engines": {
         "node": ">=16.0.0",
         "yarn": ">=1.22.18"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
       }
     },
     "node_modules/@chromatic-com/storybook/node_modules/ansi-regex": {
@@ -16830,9 +16833,9 @@
       }
     },
     "node_modules/chromatic": {
-      "version": "11.10.4",
-      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.10.4.tgz",
-      "integrity": "sha512-nfgDpW5gQ4FtgV1lZXXfqLjONKDCh2K4vwI3dbZrtU1ObOL9THyAzpIdnK9LRcNSeisDLX+XFCryfMg1Ql2U2g==",
+      "version": "11.16.3",
+      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.16.3.tgz",
+      "integrity": "sha512-bckarRbZ3M1BvsmhLqEMschuQPk2FlSD9cvy8383JwoVvaIqLr0dv1tI/DPM4LMuXOjTjeBSZZINVH9r3RMiiA==",
       "dev": true,
       "bin": {
         "chroma": "dist/bin.js",
diff --git a/package.json b/package.json
index b8c9bf11fb..cdc9c4111e 100644
--- a/package.json
+++ b/package.json
@@ -127,7 +127,7 @@
     "@babel/preset-react": "^7.22.3",
     "@babel/preset-typescript": "^7.21.5",
     "@babel/runtime": "^7.22.5",
-    "@chromatic-com/storybook": "^1.9.0",
+    "@chromatic-com/storybook": "^3.2.2",
     "@cypress/webpack-preprocessor": "^5.17.1",
     "@graphql-codegen/cli": "^5.0.3",
     "@graphql-codegen/typescript-operations": "^4.0.1",