diff --git a/src/contentScripts/views/Home/Home.vue b/src/contentScripts/views/Home/Home.vue
index e5272c68..6334c084 100644
--- a/src/contentScripts/views/Home/Home.vue
+++ b/src/contentScripts/views/Home/Home.vue
@@ -98,8 +98,8 @@ onUnmounted(() => {
         <ul flex="~ items-center gap-2">
           <li
             v-for="tab in tabs" :key="tab.value"
-            px-4 lh-40px bg="$bew-elevated-2" backdrop-glass rounded="$bew-radius"
-            cursor-pointer shadow="$bew-shadow-2"
+            px-4 lh-35px bg="$bew-elevated-1 hover:$bew-elevated-1-hover" backdrop-glass rounded="$bew-radius"
+            cursor-pointer shadow="$bew-shadow-1" box-border border="1 $bew-border-color" duration-300
             :class="{ 'tab-activated': activatedPage === tab.value }"
             @click="activatedPage = tab.value"
           >
@@ -119,5 +119,6 @@ onUnmounted(() => {
 <style scoped lang="scss">
 .tab-activated {
   --at-apply: bg-$bew-theme-color dark:bg-white color-white dark:color-black
+    border-$bew-theme-color dark:border-white;
 }
 </style>