diff --git a/components/ui/ScrollToTop.tsx b/components/ui/ScrollToTop.tsx
index a4016b2..b550942 100644
--- a/components/ui/ScrollToTop.tsx
+++ b/components/ui/ScrollToTop.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect, useState } from "react";
-import { motion } from "motion/react";
+import { m } from "motion/react";
 
 export function ScrollToTop() {
   const [visible, setVisible] = useState(false);
@@ -14,7 +14,7 @@ export function ScrollToTop() {
   }, []);
 
   return (
-    <motion.button
+    <m.button
       type="button"
       onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
       whileHover={{ scale: 1.1 }}
@@ -23,6 +23,6 @@ export function ScrollToTop() {
       aria-label="Scroll to top"
     >
       <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"><polyline points="18 15 12 9 6 15"/></svg>
-    </motion.button>
+    </m.button>
   );
 }