Fix tabs

mckinsey · Nov 21, 2024 · e0c9f20 · e0c9f20
1 parent bf90f2c
commit e0c9f20
Showing 1 changed file with 4 additions and 3 deletions.
diff --git 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 {