diff --git a/src/App.jsx b/src/App.jsx
index ed91589..3203569 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -7,6 +7,7 @@ import Mitra from './components/Mitra'
 import Mendukung from "./components/Mendukung"
 import Footer from "./components/Footer"
 import MasaDepan from "./components/MasaDepan"
+import WhatsAppButton from "./components/WhatsAppButon"
 function App() {
   return (
     <>
@@ -19,7 +20,7 @@ function App() {
         <Mendukung />
         <MasaDepan />
         <Footer />
-
+        <WhatsAppButton />
     </>
 
   )
diff --git a/src/components/WhatsAppButon.jsx b/src/components/WhatsAppButon.jsx
index 304d3d1..7fd9c0e 100644
--- a/src/components/WhatsAppButon.jsx
+++ b/src/components/WhatsAppButon.jsx
@@ -2,7 +2,7 @@ import WaButtons from '../assets/image/Whatsapp.png';
 
 const WhatsAppButton = () => {
   return (
-    <div className="fixed bottom-2 right-2 md:right-24 flex justify-center items-center w-16 h-16 md:w-20 md:h-20 rounded-full z-50 cursor-pointer border-4 border-[#6950DA] bg-gradient-to-l from-[#FD66B9] to-[#A162F9] m-[10px]">
+    <div className="fixed bottom-2 right-2 md:right-16 flex justify-center items-center w-16 h-16 md:w-20 md:h-20 rounded-full z-50 cursor-pointer border-4 border-[#6950DA] bg-gradient-to-l from-[#FD66B9] to-[#A162F9] m-[10px]">
       <img
         className="w-10 h-10 md:w-12 md:h-12"
         src={WaButtons}