diff --git a/package.json b/package.json
index a656a067..b40f64bf 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "@babel/runtime": "7.23.9",
     "@lavamoat/allow-scripts": "^3.0.3",
     "@lavamoat/preinstall-always-fail": "^2.0.0",
-    "@storybook/react": "^7.6.17",
+    "@storybook/react": "^8.4.1",
     "@yarnpkg/sdks": "3.1.0",
     "babel-loader": "9.1.3",
     "eslint": "8.56.0",
diff --git a/packages/adena-extension/package.json b/packages/adena-extension/package.json
index 09d12332..567b9787 100644
--- a/packages/adena-extension/package.json
+++ b/packages/adena-extension/package.json
@@ -26,7 +26,7 @@
     "@storybook/addon-interactions": "^7.6.17",
     "@storybook/addon-links": "^7.6.17",
     "@storybook/blocks": "^7.6.17",
-    "@storybook/react": "^7.6.17",
+    "@storybook/react": "^8.4.1",
     "@storybook/react-webpack5": "^7.6.17",
     "@storybook/testing-library": "^0.2.2",
     "@svgr/webpack": "^8.1.0",
diff --git a/yarn.lock b/yarn.lock
index c2756af0..82ea4865 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4849,6 +4849,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/components@npm:8.4.1":
+  version: 8.4.1
+  resolution: "@storybook/components@npm:8.4.1"
+  peerDependencies:
+    storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+  checksum: fad61e37228974d179ae0ea552089ddf9f60bf2686e70feb900a1682922e5102db6a43c452e1cd4bdad4619b70e2239afbd3944c0edd4b7ab76c96a316886ec6
+  languageName: node
+  linkType: hard
+
 "@storybook/core-client@npm:7.6.20":
   version: 7.6.20
   resolution: "@storybook/core-client@npm:7.6.20"
@@ -5056,6 +5065,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/manager-api@npm:8.4.1":
+  version: 8.4.1
+  resolution: "@storybook/manager-api@npm:8.4.1"
+  peerDependencies:
+    storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+  checksum: 1df041bc3c51331b769be412fb14dcdb2f5785effee2becd0bf803382f64fbfe13eb9c7ecdade81de7cff624e145e092f3e0309cf7219fb09cbf12ca503c13a1
+  languageName: node
+  linkType: hard
+
 "@storybook/manager@npm:7.6.20":
   version: 7.6.20
   resolution: "@storybook/manager@npm:7.6.20"
@@ -5140,6 +5158,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/preview-api@npm:8.4.1":
+  version: 8.4.1
+  resolution: "@storybook/preview-api@npm:8.4.1"
+  peerDependencies:
+    storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+  checksum: 36dee1deb1c6c905fc73854315b5f5d8f4d144e409433fef8885f10e506e2663a528458d88a854968e7de1bebc6bfb1091d7a7e00506344f9dd11b024a63d66f
+  languageName: node
+  linkType: hard
+
 "@storybook/preview@npm:7.6.20":
   version: 7.6.20
   resolution: "@storybook/preview@npm:7.6.20"
@@ -5175,6 +5202,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/react-dom-shim@npm:8.4.1":
+  version: 8.4.1
+  resolution: "@storybook/react-dom-shim@npm:8.4.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    storybook: ^8.4.1
+  checksum: 54db58b5cbeda27ebfa1020b74056e77e0f2cd8d5873bdb6347297be41151913a4974bfb9fe058eeea4c10c91d586852d769634423d03a67fe3668f647e1b415
+  languageName: node
+  linkType: hard
+
 "@storybook/react-webpack5@npm:^7.6.17":
   version: 7.6.20
   resolution: "@storybook/react-webpack5@npm:7.6.20"
@@ -5197,7 +5235,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/react@npm:7.6.20, @storybook/react@npm:^7.6.17":
+"@storybook/react@npm:7.6.20":
   version: 7.6.20
   resolution: "@storybook/react@npm:7.6.20"
   dependencies:
@@ -5233,6 +5271,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/react@npm:^8.4.1":
+  version: 8.4.1
+  resolution: "@storybook/react@npm:8.4.1"
+  dependencies:
+    "@storybook/components": 8.4.1
+    "@storybook/global": ^5.0.0
+    "@storybook/manager-api": 8.4.1
+    "@storybook/preview-api": 8.4.1
+    "@storybook/react-dom-shim": 8.4.1
+    "@storybook/theming": 8.4.1
+  peerDependencies:
+    "@storybook/test": 8.4.1
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    storybook: ^8.4.1
+    typescript: ">= 4.2.x"
+  peerDependenciesMeta:
+    "@storybook/test":
+      optional: true
+    typescript:
+      optional: true
+  checksum: 07b5f7ef822e35899edd49a141dbb98dc9eb2ae384961aa5909b8520aa3522d380725c830e7794b8bb277ce06739e055c10be792186cafc9b42754abeb57a30c
+  languageName: node
+  linkType: hard
+
 "@storybook/router@npm:7.6.20":
   version: 7.6.20
   resolution: "@storybook/router@npm:7.6.20"
@@ -5286,6 +5349,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/theming@npm:8.4.1":
+  version: 8.4.1
+  resolution: "@storybook/theming@npm:8.4.1"
+  peerDependencies:
+    storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+  checksum: a88c8d0e9bebecca73296e0415334f0724682ac14939b854891548ad2195902a42e8af0e3aefbae62bb7775c8ef90037d95586436c8922a461b827004d8fe1b7
+  languageName: node
+  linkType: hard
+
 "@storybook/types@npm:7.6.20":
   version: 7.6.20
   resolution: "@storybook/types@npm:7.6.20"
@@ -7890,7 +7962,7 @@ __metadata:
     "@storybook/addon-interactions": ^7.6.17
     "@storybook/addon-links": ^7.6.17
     "@storybook/blocks": ^7.6.17
-    "@storybook/react": ^7.6.17
+    "@storybook/react": ^8.4.1
     "@storybook/react-webpack5": ^7.6.17
     "@storybook/testing-library": ^0.2.2
     "@svgr/webpack": ^8.1.0
@@ -8047,7 +8119,7 @@ __metadata:
     "@babel/runtime": 7.23.9
     "@lavamoat/allow-scripts": ^3.0.3
     "@lavamoat/preinstall-always-fail": ^2.0.0
-    "@storybook/react": ^7.6.17
+    "@storybook/react": ^8.4.1
     "@yarnpkg/sdks": 3.1.0
     babel-loader: 9.1.3
     eslint: 8.56.0