diff --git a/web/package-lock.json b/web/package-lock.json
index b049410a7..79dc25ec6 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -86,7 +86,7 @@
 				"@typescript-eslint/eslint-plugin": "7.5.0",
 				"@typescript-eslint/parser": "7.5.0",
 				"babel-loader": "9.1.3",
-				"chromatic": "9.1.0",
+				"chromatic": "11.3.0",
 				"css-loader": "6.11.0",
 				"cypress": "^13.2.0",
 				"eslint": "8.57.0",
@@ -12396,14 +12396,26 @@
 			}
 		},
 		"node_modules/chromatic": {
-			"version": "9.1.0",
-			"resolved": "https://registry.npmjs.org/chromatic/-/chromatic-9.1.0.tgz",
-			"integrity": "sha512-9ib8k4LIfg/88kKufxz1N8vgCB7nlLhJqmx+Vx55cM/6DCB/M6oqroirVRXfdeC7qaZuhyUemPF2QHxBh7GXtQ==",
+			"version": "11.3.0",
+			"resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.3.0.tgz",
+			"integrity": "sha512-q1ZtJDJrjLGnz60ivpC16gmd7KFzcaA4eTb7gcytCqbaKqlHhCFr1xQmcUDsm14CK7JsqdkFU6S+JQdOd2ZNJg==",
 			"dev": true,
 			"bin": {
 				"chroma": "dist/bin.js",
 				"chromatic": "dist/bin.js",
 				"chromatic-cli": "dist/bin.js"
+			},
+			"peerDependencies": {
+				"@chromatic-com/cypress": "^0.*.* || ^1.0.0",
+				"@chromatic-com/playwright": "^0.*.* || ^1.0.0"
+			},
+			"peerDependenciesMeta": {
+				"@chromatic-com/cypress": {
+					"optional": true
+				},
+				"@chromatic-com/playwright": {
+					"optional": true
+				}
 			}
 		},
 		"node_modules/chrome-trace-event": {
diff --git a/web/package.json b/web/package.json
index 515c41655..b064ac10f 100644
--- a/web/package.json
+++ b/web/package.json
@@ -92,7 +92,7 @@
 		"@typescript-eslint/eslint-plugin": "7.5.0",
 		"@typescript-eslint/parser": "7.5.0",
 		"babel-loader": "9.1.3",
-		"chromatic": "9.1.0",
+		"chromatic": "11.3.0",
 		"css-loader": "6.11.0",
 		"cypress": "^13.2.0",
 		"eslint": "8.57.0",