diff --git a/app/layouts/catalog.vue b/app/layouts/catalog.vue
index 1fa096f..172ee90 100644
--- a/app/layouts/catalog.vue
+++ b/app/layouts/catalog.vue
@@ -22,8 +22,8 @@
       />
 
       <!-- SubNavigation -->
-      <div class="bg-base-200 border-b border-base-300">
-        <div class="flex items-center gap-1 py-2 px-4 lg:px-6">
+      <div class="h-[54px] bg-base-200 border-b border-base-300 flex items-center">
+        <div class="flex items-center gap-1 px-4 lg:px-6">
           <NuxtLink
             v-for="item in subNavItems"
             :key="item.path"
@@ -39,7 +39,7 @@
 
     <!-- Layer 3: SearchBar (fixed, slides to top:0) - teleport target -->
     <div
-      class="fixed left-0 right-0 z-40 bg-base-100 border-b border-base-300 flex items-center"
+      class="fixed left-0 right-0 z-40 h-14 bg-base-100 border-b border-base-300 flex items-center"
       :style="{ top: `${searchBarTop}px` }"
     >
       <!-- Chevron button inside SearchBar -->
@@ -120,7 +120,7 @@ const {
   isCollapsed,
   expand,
   collapse
-} = useScrollCollapse(104, 48)
+} = useScrollCollapse(118, 56)
 
 // Mobile view toggle
 const mobileView = ref<'list' | 'map'>('list')