From e0c9f20e29daf0c2e10ff37918942bf0dbc403aa Mon Sep 17 00:00:00 2001
From: huong-li-nguyen <huong_li_nguyen@mckinsey.com>
Date: Thu, 21 Nov 2024 12:28:05 +0100
Subject: [PATCH] Fix tabs

---
 vizro-core/src/vizro/static/css/tabs.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/vizro-core/src/vizro/static/css/tabs.css b/vizro-core/src/vizro/static/css/tabs.css
index 013da1b03..6781650db 100644
--- a/vizro-core/src/vizro/static/css/tabs.css
+++ b/vizro-core/src/vizro/static/css/tabs.css
@@ -36,18 +36,19 @@
 }
 
 .tab-title:hover {
+  color: var(--text-primaryHover);
   background-color: transparent;
-  border-bottom: 1px solid var(--text-primary);
+  border-bottom: 1px solid var(--border-hover);
 }
 
 .tab-title[data-active] {
-  border-bottom: 1px solid var(--text-primary);
+  border-bottom: 1px solid var(--border-selected);
   color: var(--text-primary);
 }
 
 .tab-title[data-active]:hover {
   background-color: transparent;
-  border-color: 1px solid var(--text-primary);
+  border-color: 1px solid var(--border-selected);
 }
 
 .tab-title[data-active] .mantine-Tabs-tabLabel {