diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 54e8bf3..e942148 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -3,11 +3,13 @@ import { Html, Head, Main, NextScript } from 'next/document'
 export default function Document() {
   return (
     <Html lang="en">
-      <Head />
-      <body>
-        <Main />
-        <NextScript />
-      </body>
+        <Head>
+            <link rel="icon" href="/favicon.ico" sizes="any"/>
+        </Head>
+        <body>
+            <Main/>
+            <NextScript/>
+        </body>
     </Html>
   )
 }
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 0e5a869..d095909 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -58,7 +58,12 @@ export default function Home() {
                 </ul>
             </div>
             <div className="w-full h-12 bg-gray-800 flex flex-row justify-between py-1 px-5 z-20 fixed">
-                <h1 className="text-2xl font-bold text-white text-center">WapuuGotchi Collection</h1>
+                <div className="flex flex-row gap-2">
+                    <img src="/logo.svg" className="h-8 w-8 py-2"/>
+                    <h1 className="text-2xl font-bold text-white text-center">
+                        WapuuGotchi Collection
+                    </h1>
+                </div>
                 <ul className="flex-row gap-3 pr-5 hidden md:flex">
                     {
                         collections.map((collection) => {
