diff --git a/site/package.json b/site/package.json
index 019dbf6a40605..bd7455366b89c 100644
--- a/site/package.json
+++ b/site/package.json
@@ -133,7 +133,7 @@
     "@types/uuid": "9.0.2",
     "@typescript-eslint/eslint-plugin": "6.9.1",
     "@typescript-eslint/parser": "6.9.1",
-    "chromatic": "7.6.0",
+    "chromatic": "9.0.0",
     "eslint": "8.52.0",
     "eslint-config-prettier": "9.0.0",
     "eslint-import-resolver-typescript": "3.6.0",
diff --git a/site/pnpm-lock.yaml b/site/pnpm-lock.yaml
index f0a9685c8efb3..a0f9d3bbd7d48 100644
--- a/site/pnpm-lock.yaml
+++ b/site/pnpm-lock.yaml
@@ -321,8 +321,8 @@ devDependencies:
     specifier: 6.9.1
     version: 6.9.1(eslint@8.52.0)(typescript@5.2.2)
   chromatic:
-    specifier: 7.6.0
-    version: 7.6.0
+    specifier: 9.0.0
+    version: 9.0.0
   eslint:
     specifier: 8.52.0
     version: 8.52.0
@@ -6608,8 +6608,8 @@ packages:
     resolution: {integrity: sha512-U9eDw6+wt7V8z5NncY2jJfZa+hUH8XEj8FQHgFJTrUFnJfXYf4Ml4adI2vXZOjqRDpFWtYVWypDfZwnJ+HIR4A==}
     dev: false
 
-  /chromatic@7.6.0:
-    resolution: {integrity: sha512-4MwlX8EDMyfQKf1NXTdUhJ2b0EYueByaVrF75pdFaOzHH7n3OhzknmQYbUSegLiFhKvHuvM8nZvf9SCajO+Cow==}
+  /chromatic@9.0.0:
+    resolution: {integrity: sha512-PczbWYOfqsf/SM0yIzI3ZOpFznEyf9Fc96EkxoYkhztFaA9CEOcpA9nk8zpmNgPUQWmIWNyG7z4xEK40sApFzw==}
     hasBin: true
     dev: true
 
@@ -13461,7 +13461,7 @@ packages:
     peerDependencies:
       eslint: '>=7'
       meow: ^9.0.0
-      optionator: ^0.9.1
+      optionator: 0.9.3
       stylelint: '>=13'
       typescript: '*'
       vite: '>=2.0.0'