diff --git a/frontend/console/package.json b/frontend/console/package.json
index d2effe5e4..620327b8d 100644
--- a/frontend/console/package.json
+++ b/frontend/console/package.json
@@ -63,7 +63,7 @@
   },
   "devDependencies": {
     "@bufbuild/protoc-gen-es": "^1.10.0",
-    "@chromatic-com/storybook": "^2.0.0",
+    "@chromatic-com/storybook": "^3.0.0",
     "@connectrpc/protoc-gen-connect-es": "^1.5.0",
     "@playwright/test": "^1.46.1",
     "@storybook/addon-essentials": "^8.2.7",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3c33f10d6..ead26b5dc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -106,8 +106,8 @@ importers:
         specifier: ^1.10.0
         version: 1.10.0(@bufbuild/protobuf@1.10.0)
       '@chromatic-com/storybook':
-        specifier: ^2.0.0
-        version: 2.0.2(react@18.3.1)
+        specifier: ^3.0.0
+        version: 3.2.2(react@18.3.1)(storybook@8.4.1(prettier@2.8.8))
       '@connectrpc/protoc-gen-connect-es':
         specifier: ^1.5.0
         version: 1.6.1(@bufbuild/protoc-gen-es@1.10.0(@bufbuild/protobuf@1.10.0))(@connectrpc/connect@1.6.1(@bufbuild/protobuf@1.10.0))
@@ -419,9 +419,11 @@ packages:
   '@changesets/types@5.2.1':
     resolution: {integrity: sha512-myLfHbVOqaq9UtUKqR/nZA/OY7xFjQMdfgfqeZIBK4d0hA6pgxArvdv8M+6NUzzBsjWLOtvApv8YHr4qM+Kpfg==}
 
-  '@chromatic-com/storybook@2.0.2':
-    resolution: {integrity: sha512-7bPIliISedeIpnVKbzktysFYW5n56bN91kxuOj1XXKixmjbUHRUMvcXd4K2liN6MiR5ZqJtmtcPsZ6CebbGlEA==}
+  '@chromatic-com/storybook@3.2.2':
+    resolution: {integrity: sha512-xmXt/GW0hAPbzNTrxYuVo43Adrtjue4DeVrsoIIEeJdGaPNNeNf+DHMlJKOBdlHmCnFUoe9R/0mLM9zUp5bKWw==}
     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
 
   '@codemirror/autocomplete@6.18.2':
     resolution: {integrity: sha512-wJGylKtMFR/Ds6Gh01+OovXE/pncPiKZNNBKuC39pKnH+XK5d9+WsNqcrdxPjFPFTigRBqse0rfxw9UxrfyhPg==}
@@ -5751,12 +5753,13 @@ snapshots:
 
   '@changesets/types@5.2.1': {}
 
-  '@chromatic-com/storybook@2.0.2(react@18.3.1)':
+  '@chromatic-com/storybook@3.2.2(react@18.3.1)(storybook@8.4.1(prettier@2.8.8))':
     dependencies:
       chromatic: 11.16.3
       filesize: 10.1.6
       jsonfile: 6.1.0
       react-confetti: 6.1.0(react@18.3.1)
+      storybook: 8.4.1(prettier@2.8.8)
       strip-ansi: 7.1.0
     transitivePeerDependencies:
       - '@chromatic-com/cypress'