diff --git a/.storybook/package.json b/.storybook/package.json
index f708b19f134..5bd68679f1e 100644
--- a/.storybook/package.json
+++ b/.storybook/package.json
@@ -64,7 +64,7 @@
 		"@storybook/theming": "8.4.7",
 		"@storybook/web-components-vite": "8.4.7",
 		"@whitespace/storybook-addon-html": "^7.0.0",
-		"chromatic": "^12.1.0",
+		"chromatic": "^12.2.0",
 		"lit": "^3.3.0",
 		"lodash-es": "^4.17.21",
 		"npm-registry-fetch": "^18.0.2",
diff --git a/yarn.lock b/yarn.lock
index 24c2f87a314..7065e584c1c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5283,7 +5283,7 @@ __metadata:
     "@storybook/theming": "npm:8.4.7"
     "@storybook/web-components-vite": "npm:8.4.7"
     "@whitespace/storybook-addon-html": "npm:^7.0.0"
-    chromatic: "npm:^12.1.0"
+    chromatic: "npm:^12.2.0"
     lit: "npm:^3.3.0"
     lodash-es: "npm:^4.17.21"
     npm-registry-fetch: "npm:^18.0.2"
@@ -8492,9 +8492,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chromatic@npm:^12.1.0":
-  version: 12.1.0
-  resolution: "chromatic@npm:12.1.0"
+"chromatic@npm:^12.2.0":
+  version: 12.2.0
+  resolution: "chromatic@npm:12.2.0"
   peerDependencies:
     "@chromatic-com/cypress": ^0.*.* || ^1.0.0
     "@chromatic-com/playwright": ^0.*.* || ^1.0.0
@@ -8507,7 +8507,7 @@ __metadata:
     chroma: dist/bin.js
     chromatic: dist/bin.js
     chromatic-cli: dist/bin.js
-  checksum: 10c0/4acb70a4a84605f1963a823beed4f3062ec91e373104500f4295af2298b8d0b49f864d06ca81bc9389e44cae3a284332aac07c6cbfc123aa6457f3b52a4c4b78
+  checksum: 10c0/c40c977c589fe03d788103281c3e000224049c65932f67293e9825faadccc654931f1b68ec442beb516d87449d00420d73e3984103b49faca42ead1c12867932
   languageName: node
   linkType: hard