diff --git a/src/app/page.tsx b/src/app/page.tsx
index 38ff4f9..5846f97 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -433,6 +433,9 @@ export default function Component() {
             <div className="flex justify-center -my-3 relative z-10">
               <motion.div 
                 className="p-2 rounded-lg bg-slate-700/90 backdrop-blur-sm border border-slate-600/50 shadow-lg hover:bg-slate-600/90 transition-all duration-200 cursor-pointer"
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                transition={{ duration: 0.3, delay: 0.01 }}
                 whileHover={{ scale: 1.1 }}
                 whileTap={{ scale: 0.9 }}
               >