diff --git a/app/template.tsx b/app/template.tsx
index b4dfc7a..c684ac4 100644
--- a/app/template.tsx
+++ b/app/template.tsx
@@ -1,15 +1,15 @@
 "use client";
 
-import { motion } from "motion/react";
+import { m } from "motion/react";
 
 export default function Template({ children }: { children: React.ReactNode }) {
   return (
-    <motion.div
+    <m.div
       initial={{ opacity: 0, y: 8 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.4, ease: "easeOut" }}
     >
       {children}
-    </motion.div>
+    </m.div>
   );
 }