diff --git a/src/components/FloatingWhatsApp/index.tsx b/src/components/FloatingWhatsApp/index.tsx
index b348155..4dd72f9 100644
--- a/src/components/FloatingWhatsApp/index.tsx
+++ b/src/components/FloatingWhatsApp/index.tsx
@@ -35,7 +35,7 @@ export const FloatingWhatsApp = ({ whatsappLink, ariaLabel }: { whatsappLink: st
     <AnimatePresence>
       {isVisible && (
         <motion.div 
-          className={`fixed right-6 z-40 transition-all duration-500 ease-in-out ${bottomClass}`}
+          className={`fixed right-6 md:right-8 z-40 transition-all duration-500 ease-in-out ${bottomClass}`}
           initial={{ scale: 1.5, rotate: 10, opacity: 0 }}
           animate={{ scale: 1, rotate: 0, opacity: 1 }}
           exit={{ scale: 0.8, opacity: 0 }}
@@ -45,10 +45,10 @@ export const FloatingWhatsApp = ({ whatsappLink, ariaLabel }: { whatsappLink: st
             href={whatsappLink}
             target="_blank"
             rel="noopener noreferrer"
-            className="flex h-14 w-14 items-center justify-center rounded-full bg-[#25D366] text-[#1C1B1A] shadow-lg transition-transform hover:scale-105 hover:bg-[#20bd5a] focus:outline-none focus:ring-4 focus:ring-[#25D366]/50"
+            className="flex h-12 w-12 md:h-14 md:w-14 items-center justify-center rounded-full bg-[#25D366] text-[#1C1B1A] shadow-lg transition-transform hover:scale-105 hover:bg-[#20bd5a] focus:outline-none focus:ring-4 focus:ring-[#25D366]/50"
             aria-label={ariaLabel}
           >
-            <MessageCircle size={28} />
+            <MessageCircle className="w-6 h-6 md:w-7 md:h-7" />
           </a>
         </motion.div>
       )}