diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 420e8b4..bae9377 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -6,6 +6,7 @@ import FooterBase from "@/components/sections/footer/FooterBase";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import { useBlogPosts } from "@/hooks/useBlogPosts";
+import Link from "next/link";
 
 export default function BlogPage() {
     const { posts, isLoading } = useBlogPosts();
@@ -34,7 +35,7 @@ export default function BlogPage() {
                             { name: "Donate", id: "/donate" },
                             { name: "Shop", id: "/shop" },
                             { name: "Blog", id: "/blog" }
-                        ]}
+                        ].map(item => ({...item, id: item.id.startsWith('/') ? item.id : `#${item.id}`}))}
                         button={{ text: "Donate", href: "/donate" }}
                         brandName="Hope Haven"
                         className="py-4"