diff --git a/package-lock.json b/package-lock.json
index 7dd414bd5f..c84db11a16 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.6",
         "@cypress/webpack-preprocessor": "^5.17.1",
         "@graphql-codegen/cli": "^5.0.3",
         "@graphql-codegen/typescript-operations": "^4.0.1",
@@ -2711,12 +2711,13 @@
       }
     },
     "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.6",
+      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-3.2.6.tgz",
+      "integrity": "sha512-FDmn5Ry2DzQdik+eq2sp/kJMMT36Ewe7ONXUXM2Izd97c7r6R/QyGli8eyh/F0iyqVvbLveNYFyF0dBOJNwLqw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "chromatic": "^11.4.0",
+        "chromatic": "^11.15.0",
         "filesize": "^10.0.12",
         "jsonfile": "^6.1.0",
         "react-confetti": "^6.1.0",
@@ -2725,6 +2726,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": {
@@ -16145,10 +16149,11 @@
       }
     },
     "node_modules/chromatic": {
-      "version": "11.10.4",
-      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.10.4.tgz",
-      "integrity": "sha512-nfgDpW5gQ4FtgV1lZXXfqLjONKDCh2K4vwI3dbZrtU1ObOL9THyAzpIdnK9LRcNSeisDLX+XFCryfMg1Ql2U2g==",
+      "version": "11.27.0",
+      "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.27.0.tgz",
+      "integrity": "sha512-jQ2ufjS+ePpg+NtcPI9B2eOi+pAzlRd2nhd1LgNMsVCC9Bzf5t8mJtyd8v2AUuJS0LdX0QVBgkOnlNv9xviHzA==",
       "dev": true,
+      "license": "MIT",
       "bin": {
         "chroma": "dist/bin.js",
         "chromatic": "dist/bin.js",
diff --git a/package.json b/package.json
index ddcefb142b..6195116e1c 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.6",
     "@cypress/webpack-preprocessor": "^5.17.1",
     "@graphql-codegen/cli": "^5.0.3",
     "@graphql-codegen/typescript-operations": "^4.0.1",