diff --git a/apps/web/src/components/animated/index.js b/apps/web/src/components/animated/index.js
index 60e2ce30a..346ed4122 100644
--- a/apps/web/src/components/animated/index.js
+++ b/apps/web/src/components/animated/index.js
@@ -1,4 +1,4 @@
-import { motion } from "framer-motion";
+import { m as motion } from "framer-motion";
 import * as Rebass from "rebass";
 
 export default {
diff --git a/apps/web/src/index.js b/apps/web/src/index.js
index 76ec53e64..0d5fa66e8 100644
--- a/apps/web/src/index.js
+++ b/apps/web/src/index.js
@@ -8,12 +8,18 @@ import App from "./App";
 import * as serviceWorker from "./serviceWorker";
 import Modal from "react-modal";
 import { db } from "./common";
+import { MotionConfig, AnimationFeature } from "framer-motion";
 
 db.init()
   .catch(console.error)
   .finally(() => {
     Modal.setAppElement("#root");
-    ReactDOM.render(<App />, document.getElementById("root"));
+    ReactDOM.render(
+      <MotionConfig features={[AnimationFeature]}>
+        <App />
+      </MotionConfig>,
+      document.getElementById("root")
+    );
 
     // If you want your app to work offline and load faster, you can change
     // unregister() to register() below. Note this comes with some pitfalls.