diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..b1ceea0
Binary files /dev/null and b/public/logo.png differ
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
index 4664b5b..c4254bc 100644
Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 4364e6b..8ff8991 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -2,6 +2,7 @@
 
 import Link from "next/link";
 import React from "react";
+import Image from "next/image";
 import { usePathname } from "next/navigation";
 import { useBaseRoms } from "@/contexts/BaseRomContext";
 import { useAuthContext } from "@/contexts/AuthContext";
@@ -90,9 +91,9 @@ export default function Header() {
     <header className="sticky top-0 z-40 w-full border-b border-[var(--border)] backdrop-blur supports-[backdrop-filter]:bg-background/60">
       <div className="mx-auto flex h-16 max-w-screen-2xl items-center justify-between px-6">
         <Link href="/" className="flex items-center gap-2">
-          <div className="h-7 w-7 rounded-md bg-gradient-to-br from-[var(--accent)] to-[var(--accent-700)] ring-1 ring-[var(--border)]" />
-          <span className="text-[15px] font-semibold tracking-tight hover:opacity-90 transition-opacity">Hackdex</span>
-          <span className="inline-flex items-center rounded-full bg-[var(--accent)]/10 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-[var(--accent)] ring-1 ring-[var(--accent)]/30">Beta</span>
+          <Image src="/logo.png" alt="Hackdex Logo" width={32} height={32} />
+          <span className="text-[22px] md:text-[18px] font-semibold tracking-tight hover:opacity-90 transition-opacity">Hackdex</span>
+          <span className="inline-flex items-center rounded-full bg-[var(--accent)]/10 px-2 py-0.5 text-[12px] md:text-[10px] font-semibold uppercase tracking-wide text-[var(--accent)] ring-1 ring-[var(--accent)]/30">Beta</span>
         </Link>
 
         <div className="flex items-center">