diff --git a/src/components/header/Header.vue b/src/components/header/Header.vue
index 3127037..7be8a71 100644
--- a/src/components/header/Header.vue
+++ b/src/components/header/Header.vue
@@ -1,8 +1,8 @@
 <template>
   <header class="z-30 sticky top-0 left-0 flex justify-center w-full">
-    <div class="w-full px-4 sm:px-6 lg:px-8 sm:mx-8 max-w-7xl py-4 grid grid-cols-2 lg:grid-cols-3 md:grid-cols-3 bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
+    <div class="w-full px-4 sm:px-6 lg:px-8 sm:mx-8 max-w-7xl py-4 grid grid-cols-2 lg:grid-cols-3 bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
       <Logo />
-      <div class="grow flex justify-center">
+      <div class="hidden grow lg:flex justify-center">
         <NavBar />
       </div>
       <div class="flex justify-end gap-2 items-center">