From 39a7765aef807de5c1e7c82b094765072a10924c Mon Sep 17 00:00:00 2001
From: Sevo Kukol <sevoku@microsoft.com>
Date: Wed, 13 Sep 2023 11:23:43 +0200
Subject: [PATCH] Fix Tabs style

---
 less/documentDB.less       | 5 +++++
 less/documentDBFabric.less | 5 +++++
 src/Explorer/Tabs/Tabs.tsx | 1 -
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/less/documentDB.less b/less/documentDB.less
index 1395c9482..89c74da66 100644
--- a/less/documentDB.less
+++ b/less/documentDB.less
@@ -2646,6 +2646,11 @@ a:link {
   width: @ActiveTabWidth;
 }
 
+.nav-tabs > li.active > .tabNavContentContainer > .tab_Content > .tabNavText {
+  font-weight: "bolder";
+  border-bottom: "2px solid rgba(0,120,212,1)";
+}
+
 .nav-tabs > li.active:focus > .tabNavContentContainer {
   .focus();
 }
diff --git a/less/documentDBFabric.less b/less/documentDBFabric.less
index e44923db4..97b7ac667 100644
--- a/less/documentDBFabric.less
+++ b/less/documentDBFabric.less
@@ -58,6 +58,11 @@ body {
   width: @ActiveTabWidth;
 }
 
+.nav-tabs>li.active>.tabNavContentContainer>.tab_Content>.tabNavText {
+  font-weight: "bolder";
+  border-bottom: 2px solid @FabricAccentMedium;
+}
+
 
 .resourceTree {
   padding: 12px;
diff --git a/src/Explorer/Tabs/Tabs.tsx b/src/Explorer/Tabs/Tabs.tsx
index fc80a4f89..0411d92c3 100644
--- a/src/Explorer/Tabs/Tabs.tsx
+++ b/src/Explorer/Tabs/Tabs.tsx
@@ -129,7 +129,6 @@ function TabNav({ tab, active, tabKind }: { tab?: Tab; active: boolean; tabKind?
           </span>
           <span
             className="tabNavText"
-            style={active ? { fontWeight: "bolder", borderBottom: "2px solid rgba(0,120,212,1)" } : {}}
           >
             {useObservable(tab?.tabTitle || getReactTabTitle())}
           </span>