diff --git a/src/components/ty-tabs.vue b/src/components/ty-tabs.vue
index f2828c4..8ae2f83 100644
--- a/src/components/ty-tabs.vue
+++ b/src/components/ty-tabs.vue
@@ -119,6 +119,11 @@ onBeforeUnmount(() => document.removeEventListener('click', closeMenu))
   :deep(.el-tabs__item) {
     @apply mr-1 h-8 rounded-base px-3 text-sm text-text-regular;
     border: 1px solid transparent;
+    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
+  }
+
+  :deep(.el-tabs__item:last-child) {
+    padding-right: 0.75rem !important;
   }
 
   :deep(.el-tabs__item:hover) {