diff --git a/components/ui/ThemeToggle.tsx b/components/ui/ThemeToggle.tsx
index f3eb0d0..1fe3ea7 100644
--- a/components/ui/ThemeToggle.tsx
+++ b/components/ui/ThemeToggle.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import { useTheme } from "@wrksz/themes/client";
-import { motion } from "motion/react";
+import { m } from "motion/react";
 
 export function ThemeToggle() {
   const { theme, setTheme } = useTheme();
 
   return (
-    <motion.button
+    <m.button
       type="button"
       onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
       whileHover={{ scale: 1.1 }}
@@ -20,6 +20,6 @@ export function ThemeToggle() {
       ) : (
         <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
       )}
-    </motion.button>
+    </m.button>
   );
 }