diff --git a/package-lock.json b/package-lock.json
index 9034b6a092..6ba54ae2d0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -89,7 +89,7 @@
                 "yaml": "^2.7.1"
             },
             "devDependencies": {
-                "@chromatic-com/storybook": "^3.2.7",
+                "@chromatic-com/storybook": "^4.1.1",
                 "@eslint/js": "^8.57.0",
                 "@rollup/plugin-node-resolve": "^16.0.3",
                 "@storybook/addon-essentials": "^8.6.14",
@@ -2363,24 +2363,24 @@
             "license": "Apache-2.0"
         },
         "node_modules/@chromatic-com/storybook": {
-            "version": "3.2.7",
-            "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-3.2.7.tgz",
-            "integrity": "sha512-fCGhk4cd3VA8RNg55MZL5CScdHqljsQcL9g6Ss7YuobHpSo9yytEWNdgMd5QxAHSPBlLGFHjnSmliM3G/BeBqw==",
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-4.1.1.tgz",
+            "integrity": "sha512-+Ib4cHtEjKl/Do+4LyU0U1FhLPbIU2Q/zgbOKHBCV+dTC4T3/vGzPqiGsgkdnZyTsK/zXg96LMPSPC4jjOiapg==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
-                "chromatic": "^11.15.0",
+                "@neoconfetti/react": "^1.0.0",
+                "chromatic": "^12.0.0",
                 "filesize": "^10.0.12",
                 "jsonfile": "^6.1.0",
-                "react-confetti": "^6.1.0",
                 "strip-ansi": "^7.1.0"
             },
             "engines": {
-                "node": ">=16.0.0",
+                "node": ">=20.0.0",
                 "yarn": ">=1.22.18"
             },
             "peerDependencies": {
-                "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+                "storybook": "^0.0.0-0 || ^9.0.0 || ^9.1.0-0 || ^9.2.0-0 || ^10.0.0-0"
             }
         },
         "node_modules/@colors/colors": {
@@ -7006,6 +7006,13 @@
                 "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
             }
         },
+        "node_modules/@neoconfetti/react": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/@neoconfetti/react/-/react-1.0.0.tgz",
+            "integrity": "sha512-klcSooChXXOzIm+SE5IISIAn3bYzYfPjbX7D7HoqZL84oAfgREeSg5vSIaSFH+DaGzzvImTyWe1OyrJ67vik4A==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/@nodelib/fs.scandir": {
             "version": "2.1.5",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -13863,9 +13870,9 @@
             }
         },
         "node_modules/chromatic": {
-            "version": "11.29.0",
-            "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.29.0.tgz",
-            "integrity": "sha512-yisBlntp9hHVj19lIQdpTlcYIXuU9H/DbFuu6tyWHmj6hWT2EtukCCcxYXL78XdQt1vm2GfIrtgtKpj/Rzmo4A==",
+            "version": "12.2.0",
+            "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-12.2.0.tgz",
+            "integrity": "sha512-GswmBW9ZptAoTns1BMyjbm55Z7EsIJnUvYKdQqXIBZIKbGErmpA+p4c0BYA+nzw5B0M+rb3Iqp1IaH8TFwIQew==",
             "dev": true,
             "license": "MIT",
             "bin": {
@@ -27704,22 +27711,6 @@
                 "node": ">=0.10.0"
             }
         },
-        "node_modules/react-confetti": {
-            "version": "6.4.0",
-            "resolved": "https://registry.npmjs.org/react-confetti/-/react-confetti-6.4.0.tgz",
-            "integrity": "sha512-5MdGUcqxrTU26I2EU7ltkWPwxvucQTuqMm8dUz72z2YMqTD6s9vMcDUysk7n9jnC+lXuCPeJJ7Knf98VEYE9Rg==",
-            "dev": true,
-            "license": "MIT",
-            "dependencies": {
-                "tween-functions": "^1.2.0"
-            },
-            "engines": {
-                "node": ">=16"
-            },
-            "peerDependencies": {
-                "react": "^16.3.0 || ^17.0.1 || ^18.0.0 || ^19.0.0"
-            }
-        },
         "node_modules/react-dnd": {
             "version": "16.0.1",
             "resolved": "https://registry.npmjs.org/react-dnd/-/react-dnd-16.0.1.tgz",
@@ -32355,13 +32346,6 @@
                 "node": "*"
             }
         },
-        "node_modules/tween-functions": {
-            "version": "1.2.0",
-            "resolved": "https://registry.npmjs.org/tween-functions/-/tween-functions-1.2.0.tgz",
-            "integrity": "sha512-PZBtLYcCLtEcjL14Fzb1gSxPBeL7nWvGhO5ZFPGqziCcr8uvHp0NDmdjBchp6KHL+tExcg0m3NISmKxhU394dA==",
-            "dev": true,
-            "license": "BSD"
-        },
         "node_modules/type-check": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
diff --git a/package.json b/package.json
index 38c98597b4..cadab29af6 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
         "postinstall": "electron-builder install-app-deps"
     },
     "devDependencies": {
-        "@chromatic-com/storybook": "^3.2.7",
+        "@chromatic-com/storybook": "^4.1.1",
         "@eslint/js": "^8.57.0",
         "@rollup/plugin-node-resolve": "^16.0.3",
         "@storybook/addon-essentials": "^8.6.14",