diff --git a/package.json b/package.json
index 9aadaf78f0b..5637423135f 100644
--- a/package.json
+++ b/package.json
@@ -157,7 +157,7 @@
     "@vitest/browser-playwright": "^4.1.7",
     "@vitest/coverage-v8": "^4.1.0",
     "@vitest/ui": "^4.1.0",
-    "chromatic": "^17.0.0",
+    "chromatic": "^18.0.0",
     "eslint": "^9.39.2",
     "eslint-import-resolver-typescript": "^4.2.5",
     "eslint-plugin-formatjs": "^6.0.0",
diff --git a/yarn.lock b/yarn.lock
index d2c82fda660..c42dfeb5a72 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2975,7 +2975,7 @@ __metadata:
     axios: "npm:^1.4.0"
     babel-plugin-transform-react-remove-prop-types: "npm:^0.4.24"
     blurhash: "npm:^2.0.5"
-    chromatic: "npm:^17.0.0"
+    chromatic: "npm:^18.0.0"
     classnames: "npm:^2.3.2"
     cocoon-js-vanilla: "npm:^1.5.1"
     color-blend: "npm:^4.0.0"
@@ -6371,9 +6371,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chromatic@npm:^17.0.0":
-  version: 17.0.0
-  resolution: "chromatic@npm:17.0.0"
+"chromatic@npm:^18.0.0":
+  version: 18.0.0
+  resolution: "chromatic@npm:18.0.0"
   dependencies:
     semver: "npm:^7.3.5"
   peerDependencies:
@@ -6391,7 +6391,7 @@ __metadata:
     chroma: dist/bin.cjs
     chromatic: dist/bin.cjs
     chromatic-cli: dist/bin.cjs
-  checksum: 10c0/962c86feec17b12757fa3327b7e98abff272a048c03227bb21ecb51c7f1d7ec3589386611ece8e2c413ac4049f26d71e9c9226a5fb7628fdcbb47e87905863a0
+  checksum: 10c0/28c99e83562355f17fe43b3f62e33bb01266628dbbcb8e691e008bd9112a1fc30d90b14594a318f072121969228b8a4b78df905ace3ec5f648f45871511eb5bc
   languageName: node
   linkType: hard