1 files changed, 6 insertions, 3 deletions
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 0a17ad2..abb6dd0 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -7,6 +7,7 @@ import {
   XMarkIcon,
 } from "@heroicons/react/24/outline";
 import { motion } from "motion/react";
+import Image from "next/image";
 import Link from "next/link";
 import { useState } from "react";
 
@@ -71,10 +72,12 @@ export default function Header() {
             </button>
             <a href="#" className="-m-1.5 p-1.5">
               <span className="sr-only">Your Company</span>
-              <img
+              <Image
                 alt="Sensible Scholars Logo"
-                src="favicon.png"
-                className="h-8 w-auto"
+                src="/favicon.png"
+                width={36}
+                height={36}
+                className="rounded-md"
               />
             </a>
           </div>