diff --git a/packages/storybook/package.json b/packages/storybook/package.json
index a417ab87..1bf24dd5 100644
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -25,7 +25,7 @@
     "@storybook/addon-docs": "8.3.6",
     "@storybook/addon-interactions": "8.3.6",
     "@storybook/addon-links": "8.3.6",
-    "@storybook/addon-viewport": "8.3.6",
+    "@storybook/addon-viewport": "8.4.0",
     "@storybook/manager-api": "8.3.6",
     "@storybook/react": "8.3.6",
     "@storybook/react-vite": "8.3.6",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c8ceb723..a2d2aa19 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -245,8 +245,8 @@ importers:
         specifier: 8.3.6
         version: 8.3.6(react@18.3.1)(storybook@8.3.6)
       '@storybook/addon-viewport':
-        specifier: 8.3.6
-        version: 8.3.6(storybook@8.3.6)
+        specifier: 8.4.0
+        version: 8.4.0(storybook@8.3.6)
       '@storybook/manager-api':
         specifier: 8.3.6
         version: 8.3.6(storybook@8.3.6)
@@ -2233,10 +2233,10 @@ packages:
       react:
         optional: true
 
-  '@storybook/addon-viewport@8.3.6':
-    resolution: {integrity: sha512-bL51v837W1cng/+0pypkoLsWKWmvux96zLOzqLCpcWAQ4OSMhW3foIWpCiFwMG/KY+GanoOocTx6i7j5hLtuTA==}
+  '@storybook/addon-viewport@8.4.0':
+    resolution: {integrity: sha512-hbHJzz7PcZ/bazUH3nAdG9yP3CUfF+wPdDwzcqSEVBRjdWSLZ4DHAtB0wajqhUoCsiRehg9avft1NokAc+KOgg==}
     peerDependencies:
-      storybook: ^8.3.6
+      storybook: ^8.4.0
 
   '@storybook/blocks@8.3.6':
     resolution: {integrity: sha512-Oc5jU6EzfsENjrd91KcKyEKBh60RT+8uyLi1RIrymC2C/mzZMTEoNIrbnQt0eIqbjlHxn6y9JMJxHu4NJ4EmZg==}
@@ -10288,7 +10288,7 @@ snapshots:
     optionalDependencies:
       react: 18.3.1
 
-  '@storybook/addon-viewport@8.3.6(storybook@8.3.6)':
+  '@storybook/addon-viewport@8.4.0(storybook@8.3.6)':
     dependencies:
       memoizerific: 1.11.3
       storybook: 8.3.6