diff --git a/src/contentScripts/views/Home/Home.vue b/src/contentScripts/views/Home/Home.vue
index 65f5fb6d..d4707637 100644
--- a/src/contentScripts/views/Home/Home.vue
+++ b/src/contentScripts/views/Home/Home.vue
@@ -196,7 +196,7 @@ function toggleTabContentLoading(loading: boolean) {
 
       <header
         pos="sticky top-80px" w-full z-9 mb-9 duration-300
-        ease-in-out flex="~ justify-between items-center gap-4"
+        ease-in-out flex="~ justify-between items-start gap-4"
         :class="{ hide: shouldMoveTabsUp }"
       >
         <ul flex="~ items-center gap-3 wrap">
@@ -204,7 +204,7 @@ function toggleTabContentLoading(loading: boolean) {
             v-for="tab in currentTabs" :key="tab.page"
             :class="{ 'tab-activated': activatedPage === tab.page }"
             style="backdrop-filter: var(--bew-filter-glass-1)"
-            px-4 lh-35px bg="$bew-elevated-1 hover:$bew-elevated-1-hover" rounded="$bew-radius"
+            px-4 lh-35px h-35px bg="$bew-elevated-1 hover:$bew-elevated-1-hover" rounded="$bew-radius"
             cursor-pointer shadow="$bew-shadow-1" box-border border="1 $bew-border-color" duration-300
             flex="~ gap-2 items-center"
             @click="handleChangeTab(tab)"
@@ -223,7 +223,7 @@ function toggleTabContentLoading(loading: boolean) {
 
         <div
           style="backdrop-filter: var(--bew-filter-glass-1)"
-          flex="~ gap-1" p-1 h-35px bg="$bew-elevated-1"
+          flex="~ gap-1 shrink-0" p-1 h-35px bg="$bew-elevated-1"
           rounded="$bew-radius" shadow="$bew-shadow-1" box-border border="1 $bew-border-color"
         >
           <Icon