diff --git a/src/app/page.tsx b/src/app/page.tsx
index a1a2321..69361fe 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,5 @@
 import Image from "next/image";
-import Navbar from "@/components/tabbar_dd";
+import Navbar from "@/components/navbar";
 
 export default function Home() {
 return (
diff --git a/src/components/tabbar_dd.tsx b/src/components/navbar.tsx
similarity index 88%
rename from src/components/tabbar_dd.tsx
rename to src/components/navbar.tsx
index f29ab70..e123257 100644
--- a/src/components/tabbar_dd.tsx
+++ b/src/components/navbar.tsx
@@ -1,5 +1,7 @@
 "use client"
 
+import Image from "next/image";
+import Link from "next/link";
 import { useState, useEffect, useRef} from "react";
 
 export default function Navbar() {
@@ -33,8 +35,11 @@ export default function Navbar() {
 
     return (
         <div className="w-full flex h-14 border-b border-neutral-300 text-black">
-            <div className="my-2 w-20 flex border border-neutral-300 rounded-xl ml-2 mr-6">
-                <p className="m-auto text-sm">Logo</p>
+            <div className="my-1 flex aspect-square ml-2 mr-4">
+                <Link href="/">
+                    <Image height={2000} width={2000} alt="Background Image" src="/logo.png"></Image>
+                </Link>
+                {/* <p className="m-auto text-sm">Logo</p> */}
             </div>
             <div className="flex">
                 <button className="px-6">Earthquakes</button>
diff --git a/src/components/tabbar.tsx b/src/components/tabbar.tsx
deleted file mode 100644
index 6981de0..0000000
--- a/src/components/tabbar.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-export default function Navbar(){
-    return (
-        <div className="w-full flex h-14 border-b border-neutral-300 text-black">
-            <div className="my-2 w-20 flex border border-neutral-300 rounded-xl ml-2 mr-6">
-                <p className="m-auto text-sm">Logo</p>
-            </div>
-            <div className="flex">
-                <button className="px-6">Earthquakes</button>
-                <button className="px-6">Observatories</button>
-                <button className="px-6">Warehouse</button>
-                <button className="px-6">Shop</button>            
-                <button className="px-6">About Us</button>     
-            </div>
-            <div className="flex-grow"></div>
-            <div className="my-2 mr-2 w-10 flex border rounded-full">
-                <p className="m-auto text-sm">User</p>
-            </div>
-        </div>
-    )
-}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index cfedc40..63a6560 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -21,7 +21,7 @@ export default {
 		plugin(({ addUtilities }) => {
 			addUtilities({
 				html: {
-					fontSize: "10px",
+					fontSize: "16px",
 					fontFamily: '"Inter", system-ui, sans-serif',
 				},
 			});