From f07fb6e1b376fa6129e1b33bf687378d7393efa8 Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+shamoon@users.noreply.github.com>
Date: Fri, 2 Apr 2021 07:47:06 -0700
Subject: [PATCH] Fix tabs in light mode

---
 .../components/split-merge/split-merge.component.scss    | 9 +++++++++
 src-ui/src/theme_dark.scss                               | 6 +++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src-ui/src/app/components/split-merge/split-merge.component.scss b/src-ui/src/app/components/split-merge/split-merge.component.scss
index 7deb34f1..c439110c 100644
--- a/src-ui/src/app/components/split-merge/split-merge.component.scss
+++ b/src-ui/src/app/components/split-merge/split-merge.component.scss
@@ -63,6 +63,15 @@ app-input-debounce {
   }
 }
 
+.nav-link.bg-light {
+  border-bottom-color: #f8f9fa;
+
+  &:not(.active) {
+    background-color: #fff !important;
+    border-bottom-color: #dee2e6;
+  }
+}
+
 .separator-card {
   .separator {
     border: 0;
diff --git a/src-ui/src/theme_dark.scss b/src-ui/src/theme_dark.scss
index 133bedcd..9c549e0b 100644
--- a/src-ui/src/theme_dark.scss
+++ b/src-ui/src/theme_dark.scss
@@ -98,8 +98,12 @@ $border-color-dark-mode: #47494f;
     .nav-link.bg-light {
       border-bottom-color: $border-color-dark-mode !important;
 
-      &:not(.active):hover {
+      &:not(.active) {
         background-color: $bg-dark-mode !important;
+
+        &:hover {
+          background-color: $bg-dark-mode !important;
+        }
       }
 
       &.active {