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>