diff --git a/modules/banner/package.json b/modules/banner/package.json
index 6e75d52ac9..22ddc9d0a4 100644
--- a/modules/banner/package.json
+++ b/modules/banner/package.json
@@ -28,7 +28,7 @@
         "@radix-ui/react-dialog": "^1.1.6",
         "@vector-im/compound-design-tokens": "^10.0.0",
         "@vector-im/compound-web": "^9.0.0",
-        "framer-motion": "^12.4.10",
+        "motion": "^12.4.10",
         "styled-components": "^6.1.18",
         "zod": "^4.0.0"
     }
diff --git a/modules/banner/src/Menu.tsx b/modules/banner/src/Menu.tsx
index b984c1b58b..00cfd3178f 100644
--- a/modules/banner/src/Menu.tsx
+++ b/modules/banner/src/Menu.tsx
@@ -6,7 +6,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import { type FC, type JSX, useState } from "react";
-import { AnimatePresence, motion } from "framer-motion";
+import { AnimatePresence, motion } from "motion/react";
 import * as Dialog from "@radix-ui/react-dialog";
 import styled, { useTheme } from "styled-components";
 import { InlineSpinner } from "@vector-im/compound-web";
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c5dbaa93ce..599757b5c1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1129,7 +1129,7 @@ importers:
       '@vector-im/compound-web':
         specifier: ^9.0.0
         version: 9.4.1(@fontsource/inconsolata@5.2.8)(@fontsource/inter@5.2.8)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(@vector-im/compound-design-tokens@10.2.1(@types/react@19.2.14)(react@19.2.7))(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
-      framer-motion:
+      motion:
         specifier: ^12.4.10
         version: 12.40.0(@emotion/is-prop-valid@1.4.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       styled-components:
@@ -10901,6 +10901,20 @@ packages:
   motion-utils@12.39.0:
     resolution: {integrity: sha512-8nadJAJjTtqRkmRF36FoJTrywK9nnFmnPwnSMyxaOCU7GDjN9RTMJIxx9De8ErM+vpPhMccr/6fo5WciyQLnMQ==}
 
+  motion@12.40.0:
+    resolution: {integrity: sha512-yjrHUrBFW6kQvjJwRsoiPSAhC5tRwRqNGJWmiJ4CrGnbKp0V88AdzkhBmDoqIsIPfarOe0Uddd37Xq43/gIocA==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   mrmime@2.0.1:
     resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
     engines: {node: '>=10'}
@@ -24707,6 +24721,15 @@ snapshots:
 
   motion-utils@12.39.0: {}
 
+  motion@12.40.0(@emotion/is-prop-valid@1.4.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
+    dependencies:
+      framer-motion: 12.40.0(@emotion/is-prop-valid@1.4.0)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      tslib: 2.8.1
+    optionalDependencies:
+      '@emotion/is-prop-valid': 1.4.0
+      react: 19.2.7
+      react-dom: 19.2.7(react@19.2.7)
+
   mrmime@2.0.1: {}
 
   ms@2.0.0: {}