diff --git a/package-lock.json b/package-lock.json
index f327d93..eded72d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "react-dom": "^18.3.1"
       },
       "devDependencies": {
-        "@chromatic-com/storybook": "^1.6.1",
+        "@chromatic-com/storybook": "^3.2.0",
         "@eslint/js": "^9.13.0",
         "@storybook/addon-essentials": "^8.2.7",
         "@storybook/addon-interactions": "^8.2.7",
@@ -345,12 +345,15 @@
       "dev": true
     },
     "node_modules/@chromatic-com/storybook": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-1.9.0.tgz",
-      "integrity": "sha512-vYQ+TcfktEE3GHnLZXHCzXF/sN9dw+KivH8a5cmPyd9YtQs7fZtHrEgsIjWpYycXiweKMo1Lm1RZsjxk8DH3rA==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-3.2.0.tgz",
+      "integrity": "sha512-gnD29KvZ1yeAYNeo8PdpZLE94W6YynyIuqZ1+mFIhDKcSGf84jllqt2sXtwzXodrT38NWlM5kijTS9Hpo0Pf9w==",
       "dev": true,
       "dependencies": {
-        "chromatic": "^11.4.0",
+        "@storybook/channels": "^8.3.0",
+        "@storybook/telemetry": "^8.3.0",
+        "@storybook/types": "^8.3.0",
+        "chromatic": "^11.15.0",
         "filesize": "^10.0.12",
         "jsonfile": "^6.1.0",
         "react-confetti": "^6.1.0",
@@ -359,6 +362,9 @@
       "engines": {
         "node": ">=16.0.0",
         "yarn": ">=1.22.18"
+      },
+      "peerDependencies": {
+        "storybook": "*"
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
@@ -1692,6 +1698,19 @@
         }
       }
     },
+    "node_modules/@storybook/channels": {
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-8.3.6.tgz",
+      "integrity": "sha512-6ahY0n1A19diR5cI63lhDEpMaDsq7LFtMOgWab2NwCsdXoEAl6anvDptyPWW60umN3HrDzSKFdpRx4imOEjlWw==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.3.6"
+      }
+    },
     "node_modules/@storybook/components": {
       "version": "8.3.6",
       "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.3.6.tgz",
@@ -1913,6 +1932,19 @@
         "vite": "^4.0.0 || ^5.0.0"
       }
     },
+    "node_modules/@storybook/telemetry": {
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/@storybook/telemetry/-/telemetry-8.3.6.tgz",
+      "integrity": "sha512-fhpbZok7mPeujjFxAKo2vuqhfjhv5BO/mHH7Z8QtgsYqeR7px56arDRgV6CngBZWgFvrQ2wBS0HPV4nB6YWvJQ==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.3.6"
+      }
+    },
     "node_modules/@storybook/test": {
       "version": "8.3.6",
       "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.3.6.tgz",
@@ -1989,6 +2021,19 @@
         "storybook": "^8.3.6"
       }
     },
+    "node_modules/@storybook/types": {
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/@storybook/types/-/types-8.3.6.tgz",
+      "integrity": "sha512-EY+bjIxxmKkFrL7CyDQb3EXbmy0+Y9OieaPrNNM7QXTfGgp81lXhfqMX3HLMMjplk+rcxVJLyzXSBx0nIn91fQ==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.3.6"
+      }
+    },
     "node_modules/@swc/core": {
       "version": "1.7.40",
       "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.7.40.tgz",
diff --git a/package.json b/package.json
index 78d7d50..376c059 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.6.1",
+    "@chromatic-com/storybook": "^3.2.0",
     "@eslint/js": "^9.13.0",
     "eslint": "^9.13.0",
     "@storybook/addon-essentials": "^8.2.7",