diff --git a/src/app/providers.tsx b/src/app/providers.tsx
index 07a86fb2..87d2b105 100644
--- a/src/app/providers.tsx
+++ b/src/app/providers.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { LazyMotion, domAnimation } from "framer-motion";
 import { ChakraProvider } from "@chakra-ui/react";
 import { theme } from "./lib/theme";
 import { yearContext } from "./lib/year-context";
@@ -7,7 +8,9 @@ import { yearContext } from "./lib/year-context";
 export function Providers({ children }: { children: React.ReactNode }) {
   return (
     <yearContext.Provider value={new Date().getFullYear()}>
-      <ChakraProvider theme={theme}>{children}</ChakraProvider>
+      <LazyMotion features={domAnimation}>
+        <ChakraProvider theme={theme}>{children}</ChakraProvider>
+      </LazyMotion>
     </yearContext.Provider>
   );
 }