diff --git a/src/components/ty-tabs.vue b/src/components/ty-tabs.vue
index 94c94d8..f2828c4 100644
--- a/src/components/ty-tabs.vue
+++ b/src/components/ty-tabs.vue
@@ -97,7 +97,8 @@ onBeforeUnmount(() => document.removeEventListener('click', closeMenu))
 
 <style scoped lang="scss">
 .ty-tabs {
-  @apply bg-bg-base;
+  @apply bg-bg-base border-b border-solid;
+  border-color: var(--wm-border-color-light);
 
   :deep(.el-tabs__header) {
     @apply m-0 px-2;
@@ -108,25 +109,32 @@ onBeforeUnmount(() => document.removeEventListener('click', closeMenu))
   }
 
   :deep(.el-tabs__nav-wrap::after) {
-    height: 1px;
-    background: var(--wm-border-color-light);
+    @apply hidden;
+  }
+
+  :deep(.el-tabs__active-bar) {
+    @apply hidden;
   }
 
   :deep(.el-tabs__item) {
-    @apply h-9 px-3 text-sm text-text-regular;
+    @apply mr-1 h-8 rounded-base px-3 text-sm text-text-regular;
+    border: 1px solid transparent;
   }
 
   :deep(.el-tabs__item:hover) {
     color: var(--el-color-primary);
+    @apply bg-bg-page;
   }
 
   :deep(.el-tabs__item.is-active) {
     color: var(--el-color-primary);
+    background: var(--el-color-primary-light-9);
+    border-color: var(--el-color-primary-light-5);
   }
 
   :deep(.el-tabs__nav-prev),
   :deep(.el-tabs__nav-next) {
-    @apply h-9 text-text-regular;
+    @apply h-8 text-text-regular;
   }
 }