diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx
index 2799f66..11f0f63 100644
--- a/components/layout/Header.tsx
+++ b/components/layout/Header.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import Link from "next/link";
-import { motion } from "motion/react";
+import { m } from "motion/react";
 import { ThemeToggle } from "@/components/ui/ThemeToggle";
 
 const navLinks = [
@@ -11,7 +11,7 @@ const navLinks = [
 
 export function Header() {
   return (
-    <motion.nav
+    <m.nav
       initial={{ opacity: 0, y: -12 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.4, ease: "easeOut" }}
@@ -34,6 +34,6 @@ export function Header() {
           <ThemeToggle />
         </div>
       </div>
-    </motion.nav>
+    </m.nav>
   );
 }