diff --git a/apps/web/src/components/landing-sections/navbar.tsx b/apps/web/src/components/landing-sections/navbar.tsx
index 8fc44cd7..7354d0e3 100644
--- a/apps/web/src/components/landing-sections/navbar.tsx
+++ b/apps/web/src/components/landing-sections/navbar.tsx
@@ -3,7 +3,8 @@ import React, { useState } from "react";
 import PrimaryButton from "../ui/custom-button";
 import { motion, useScroll, useMotionValueEvent } from "framer-motion";
 import Image from "next/image";
-import { Terminal, Github, Menu, X } from "lucide-react";
+import { Terminal, Menu, X } from "lucide-react";
+import { Github } from "@/components/icons/icons";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { cn } from "@/lib/utils";
@@ -115,7 +116,7 @@ const Navbar = () => {
           onClick={() => handleContributeClick("navbar")}
           className="hidden min-[1115px]:flex items-center gap-2 px-4 py-2.5 bg-github-bg hover:bg-github-hover transition-colors rounded-lg border border-github-border text-white"
         >
-          <Github className="w-5 h-5" />
+          <div className="w-5 h-5"><Github /></div>
           <span className="text-sm font-medium">Contribute</span>
         </Link>
         <Link
@@ -156,7 +157,7 @@ const Navbar = () => {
             }}
             className="flex items-center gap-2 px-4 py-2 bg-github-bg hover:bg-github-hover rounded-lg border border-github-border text-white transition-colors"
           >
-            <Github className="w-5 h-5" />
+            <div className="w-5 h-5"><Github /></div>
             <span className="text-sm font-medium">Contribute</span>
           </Link>
         </motion.div>