diff --git a/package-lock.json b/package-lock.json
index f14c91f..25bbc0b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7873,6 +7873,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@storybook/components": {
+      "version": "8.2.9",
+      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.2.9.tgz",
+      "integrity": "sha512-OkkcZ/f/6o3GdFEEK9ZHKIGHWUHmavZUYs5xaSgU64bOrA2aqEFtfeWWitZYTv3Euhk8MVLWfyEMDfez0AlvDg==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.9"
+      }
+    },
     "node_modules/@storybook/core": {
       "version": "8.2.9",
       "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.2.9.tgz",
@@ -8013,6 +8026,19 @@
         "storybook": "^8.2.1"
       }
     },
+    "node_modules/@storybook/manager-api": {
+      "version": "8.2.9",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.2.9.tgz",
+      "integrity": "sha512-mkYvUlfqDw+0WbxIynh5TcrotmoXlumEsOA4+45zuNea8XpEgj5cNBUCnmfEO6yQ85swqkS8YYbMpg1cZyu/Vw==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.9"
+      }
+    },
     "node_modules/@storybook/nextjs": {
       "version": "8.2.1",
       "resolved": "https://registry.npmjs.org/@storybook/nextjs/-/nextjs-8.2.1.tgz",
@@ -8086,6 +8112,49 @@
         }
       }
     },
+    "node_modules/@storybook/nextjs/node_modules/@storybook/react": {
+      "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-8.2.1.tgz",
+      "integrity": "sha512-QBhHURQ/UPM9vaqP1ixxzpWhGd2bZw4664hL9s6rtFCi9zvvZWTb/tD3gVMKCDs2JVXwTaZq/Spd0QwZxNEJgQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "@storybook/react-dom-shim": "8.2.1",
+        "@types/escodegen": "^0.0.6",
+        "@types/estree": "^0.0.51",
+        "@types/node": "^18.0.0",
+        "acorn": "^7.4.1",
+        "acorn-jsx": "^5.3.1",
+        "acorn-walk": "^7.2.0",
+        "escodegen": "^2.1.0",
+        "html-tags": "^3.1.0",
+        "lodash": "^4.17.21",
+        "prop-types": "^15.7.2",
+        "react-element-to-jsx-string": "^15.0.0",
+        "semver": "^7.3.7",
+        "ts-dedent": "^2.0.0",
+        "type-fest": "~2.19",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "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.2.1",
+        "typescript": ">= 4.2.x"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@storybook/nextjs/node_modules/@types/node": {
       "version": "18.19.39",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.39.tgz",
@@ -8161,6 +8230,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@storybook/nextjs/node_modules/type-fest": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@storybook/nextjs/node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
@@ -8213,6 +8294,49 @@
         }
       }
     },
+    "node_modules/@storybook/preset-react-webpack/node_modules/@storybook/react": {
+      "version": "8.2.1",
+      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-8.2.1.tgz",
+      "integrity": "sha512-QBhHURQ/UPM9vaqP1ixxzpWhGd2bZw4664hL9s6rtFCi9zvvZWTb/tD3gVMKCDs2JVXwTaZq/Spd0QwZxNEJgQ==",
+      "dev": true,
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "@storybook/react-dom-shim": "8.2.1",
+        "@types/escodegen": "^0.0.6",
+        "@types/estree": "^0.0.51",
+        "@types/node": "^18.0.0",
+        "acorn": "^7.4.1",
+        "acorn-jsx": "^5.3.1",
+        "acorn-walk": "^7.2.0",
+        "escodegen": "^2.1.0",
+        "html-tags": "^3.1.0",
+        "lodash": "^4.17.21",
+        "prop-types": "^15.7.2",
+        "react-element-to-jsx-string": "^15.0.0",
+        "semver": "^7.3.7",
+        "ts-dedent": "^2.0.0",
+        "type-fest": "~2.19",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "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.2.1",
+        "typescript": ">= 4.2.x"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@storybook/preset-react-webpack/node_modules/@types/node": {
       "version": "18.19.39",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.39.tgz",
@@ -8288,6 +8412,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@storybook/preset-react-webpack/node_modules/type-fest": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@storybook/preset-react-webpack/node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
@@ -8301,15 +8437,31 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@storybook/preview-api": {
+      "version": "8.2.9",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.2.9.tgz",
+      "integrity": "sha512-D8/t+a78OJqQAcT/ABa1C4YM/OaLGQ9IvCsp3Q9ruUqDCwuZBj8bG3D4477dlY4owX2ycC0rWYu3VvuK0EmJjA==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.9"
+      }
+    },
     "node_modules/@storybook/react": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-8.2.1.tgz",
-      "integrity": "sha512-QBhHURQ/UPM9vaqP1ixxzpWhGd2bZw4664hL9s6rtFCi9zvvZWTb/tD3gVMKCDs2JVXwTaZq/Spd0QwZxNEJgQ==",
+      "version": "8.2.9",
+      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-8.2.9.tgz",
+      "integrity": "sha512-F2xZcTDxxjpbqt7eP8rEHmlksiKmE/qtPusEWEY4N4jK01kN+ncxSl8gkJpUohMEmAnVC5t/1v/sU57xv1DYpg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
+        "@storybook/components": "^8.2.9",
         "@storybook/global": "^5.0.0",
-        "@storybook/react-dom-shim": "8.2.1",
+        "@storybook/manager-api": "^8.2.9",
+        "@storybook/preview-api": "^8.2.9",
+        "@storybook/react-dom-shim": "8.2.9",
+        "@storybook/theming": "^8.2.9",
         "@types/escodegen": "^0.0.6",
         "@types/estree": "^0.0.51",
         "@types/node": "^18.0.0",
@@ -8336,7 +8488,7 @@
       "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.2.1",
+        "storybook": "^8.2.9",
         "typescript": ">= 4.2.x"
       },
       "peerDependenciesMeta": {
@@ -8381,6 +8533,21 @@
         "storybook": "^8.2.1"
       }
     },
+    "node_modules/@storybook/react/node_modules/@storybook/react-dom-shim": {
+      "version": "8.2.9",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.2.9.tgz",
+      "integrity": "sha512-uCAjSQEsNk8somVn1j/I1G9G/uUax5byHseIIV0Eq3gVXttGd7gaWcP+TDHtqIaenWHx4l+hCSuCesxiLWmx4Q==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "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.2.9"
+      }
+    },
     "node_modules/@storybook/react/node_modules/@types/node": {
       "version": "18.19.39",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.39.tgz",
@@ -8550,6 +8717,19 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@storybook/theming": {
+      "version": "8.2.9",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.2.9.tgz",
+      "integrity": "sha512-OL0NFvowPX85N5zIYdgeKKaFm7V4Vgtci093vL3cDZT13LGH6GuEzJKkUFGuUGNPFlJc+EgTj0o6PYKrOLyQ6w==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.9"
+      }
+    },
     "node_modules/@swc/core": {
       "version": "1.7.18",
       "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.7.18.tgz",
@@ -29215,7 +29395,7 @@
         "@storybook/addon-links": "^8.2.9",
         "@storybook/blocks": "^8.2.1",
         "@storybook/nextjs": "^8.2.1",
-        "@storybook/react": "^8.2.1",
+        "@storybook/react": "^8.2.9",
         "@storybook/test": "^8.2.1",
         "@swc/core": "^1.7.18",
         "@testing-library/jest-dom": "^6.1.4",
diff --git a/packages/diracx-web-components/package.json b/packages/diracx-web-components/package.json
index 991bb1b..885fa15 100644
--- a/packages/diracx-web-components/package.json
+++ b/packages/diracx-web-components/package.json
@@ -48,7 +48,7 @@
     "@storybook/addon-links": "^8.2.9",
     "@storybook/blocks": "^8.2.1",
     "@storybook/nextjs": "^8.2.1",
-    "@storybook/react": "^8.2.1",
+    "@storybook/react": "^8.2.9",
     "@storybook/test": "^8.2.1",
     "@swc/core": "^1.7.18",
     "@testing-library/jest-dom": "^6.1.4",