From 25578fcc544b1ca19b143251e13313bbe1060657 Mon Sep 17 00:00:00 2001
From: MichalC <103170279+wSBMichalee@users.noreply.github.com>
Date: Thu, 17 Sep 2026 23:56:58 +0200
Subject: [PATCH] fix(ui): reduce floating whatsapp button size and adjust
 margins on mobile to prevent overflow

---
 src/components/FloatingWhatsApp/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

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>
       )}