diff --git a/src/components/MobileMenu.tsx b/src/components/MobileMenu.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index ee677d7..accd9c3 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -15,12 +15,12 @@ import {
 
 export default function Nav() {
     return (
-        <NavigationMenu className="bg-blue-500 h-full w-full">
+        <NavigationMenu className="w-full h-16">
 
-            <NavigationMenuList className="space-x-4 bg-red-500 h-full">
+            <NavigationMenuList>
 
                 {NAV_LINKS.map((link: Link) => (
-                    <NavigationMenuLink href={link.href} key={link.href} className="h-full">
+                    <NavigationMenuLink href={link.href} key={link.href} className="h-full text-base">
                         {link.name}
                     </NavigationMenuLink>
                 ))}
diff --git a/src/components/navigation/MobileMenu.astro b/src/components/navigation/MobileMenu.astro
index 6d81351..b19c920 100644
--- a/src/components/navigation/MobileMenu.astro
+++ b/src/components/navigation/MobileMenu.astro
@@ -1,6 +1,6 @@
 ---
 import { NAV_LINKS } from "~/consts";
-import { isNavLinkActive } from "~/lib/utils";
+import { isNavLinkActive } from "~/lib/blog";
 import NavLink from "~/components/navigation/NavLink.astro";
 import DropDown from "~/components/navigation/DropDown.astro";
 const pathname = new URL(Astro.request.url).pathname;
diff --git a/src/components/site/page.tsx b/src/components/site/page.tsx
index 15617f4..629c521 100644
--- a/src/components/site/page.tsx
+++ b/src/components/site/page.tsx
@@ -27,7 +27,7 @@ export default function Page(props: Props) {
     <SidebarProvider>
       <SiteSidebar />
       <SidebarInset>
-        <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">
+        <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4 w-full ">
           
           <Nav />
           <Toggle x-on:click="darkMode = !darkMode">