diff --git a/src/app/mission/page.tsx b/src/app/mission/page.tsx
index 65e4df0..c606649 100644
--- a/src/app/mission/page.tsx
+++ b/src/app/mission/page.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Heart, Users } from "lucide-react";
 
@@ -38,7 +39,7 @@ export default function MissionPage() {
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay brandName="Golden Paws" navItems={navItems} logoHref="/" />
+        <NavbarLayoutFloatingOverlay brandName="Golden Paws" navItems={navItems} button={{ text: "Adopt Now", href: "/adopt" }} />
       </div>
 
       <div id="mission-hero" data-section="mission-hero">
@@ -88,4 +89,4 @@ export default function MissionPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}