diff --git a/web/components/header.tsx b/web/components/header.tsx
index 307835a6..3015cb49 100644
--- a/web/components/header.tsx
+++ b/web/components/header.tsx
@@ -1,6 +1,5 @@
 import { Popover } from '@headlessui/react'
 import Link from 'next/link'
-import Image from 'next/image'
 
 const navigation = [
   {
@@ -22,7 +21,7 @@ export function Header() {
             <div className="flex items-center justify-between w-full md:w-auto">
               <Link href="/">
                 <a className="inline-grid grid-flow-col align-items-center h-6 sm:h-10">
-                  <Image
+                  <img
                     className="w-auto h-6 sm:h-10 inline-block mr-3"
                     src="/logo-icon.svg"
                   />
@@ -35,13 +34,8 @@ export function Header() {
 
             <div className="space-x-8 md:flex md:ml-16">
               {navigation.map((item) => (
-                <Link
-                  key={item.name}
-                  href={item.href}
-                >
-                  <a
-                    className="text-base font-medium text-white hover:text-gray-300"
-                  >
+                <Link key={item.name} href={item.href}>
+                  <a className="text-base font-medium text-white hover:text-gray-300">
                     {item.name}
                   </a>
                 </Link>