diff --git a/frontend/pages/dashboard/components/DashboardHeader.vue b/frontend/pages/dashboard/components/DashboardHeader.vue
index 9f8c1bf..44bba77 100644
--- a/frontend/pages/dashboard/components/DashboardHeader.vue
+++ b/frontend/pages/dashboard/components/DashboardHeader.vue
@@ -135,7 +135,7 @@ defineEmits(['update:activeTab'])
   font-size: 28rpx;
   color: rgba(255, 255, 255, 0.75);
   border-radius: 22rpx;
-  transition: all 0.25s ease;
+  transition: background 0.25s ease, color 0.25s ease;
 }
 
 .tab-active {