diff --git a/app/components/navigation/MainNavigation.vue b/app/components/navigation/MainNavigation.vue
index 3193bda..90373c3 100644
--- a/app/components/navigation/MainNavigation.vue
+++ b/app/components/navigation/MainNavigation.vue
@@ -2,8 +2,8 @@
   <header class="bg-base-100 shadow-md">
     <!-- Single row: Logo + Search + Icons -->
     <div class="flex items-start px-4 lg:px-6 py-3 gap-4">
-      <!-- Left: Logo (centered with input) -->
-      <div class="flex items-center flex-shrink-0 h-12">
+      <!-- Left: Logo (same height as input for alignment) -->
+      <div class="flex items-center flex-shrink-0 py-3">
         <NuxtLink :to="localePath('/')" class="flex items-center gap-2">
           <span class="font-bold text-xl">Optovia</span>
         </NuxtLink>
@@ -67,8 +67,8 @@
         </div>
       </div>
 
-      <!-- Right: AI + Globe + Team + User (centered with input) -->
-      <div class="flex items-center gap-1 flex-shrink-0 h-12">
+      <!-- Right: AI + Globe + Team + User (same height as input for alignment) -->
+      <div class="flex items-center gap-1 flex-shrink-0 py-3">
         <!-- AI Assistant button -->
         <NuxtLink :to="localePath('/clientarea/ai')" class="btn btn-ghost btn-circle btn-sm">
           <Icon name="lucide:bot" size="18" />