From ebb0fbf80acda8e82c479e6ab3d1bffb4aed26ed Mon Sep 17 00:00:00 2001
From: ifirmawan <firmawaneiwan@gmail.com>
Date: Tue, 12 Sep 2023 19:52:46 +0700
Subject: [PATCH] [#1584] Fix custom tabs & filter buttons styles

---
 .../modules/knowledge-lib/style.module.scss   | 21 +++++--------------
 frontend/src/styles/tabs.scss                 |  9 ++++++++
 2 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/frontend/src/modules/knowledge-lib/style.module.scss b/frontend/src/modules/knowledge-lib/style.module.scss
index b43f26228..dbd72dd86 100644
--- a/frontend/src/modules/knowledge-lib/style.module.scss
+++ b/frontend/src/modules/knowledge-lib/style.module.scss
@@ -40,6 +40,9 @@
           width: 21px;
           height: 21px;
           margin-bottom: 11px;
+          path {
+            stroke: $primaryWhite;
+          }
         }
         span {
           font-weight: 400;
@@ -56,12 +59,8 @@
               stroke: $primaryDarkBlue;
             }
           }
-          &:hover {
-            svg {
-              path {
-                stroke: #fff;
-              }
-            }
+          span {
+            color: $primaryDarkBlue;
           }
         }
         &.ant-dropdown-open {
@@ -75,16 +74,6 @@
             }
           }
         }
-        &.location-filter {
-          svg path {
-            stroke: $primaryWhite;
-          }
-          &.selected {
-            span {
-              color: $primaryDarkBlue;
-            }
-          }
-        }
         &.adv-src {
           &:hover {
             svg {
diff --git a/frontend/src/styles/tabs.scss b/frontend/src/styles/tabs.scss
index 190d404dc..bb86e0f28 100644
--- a/frontend/src/styles/tabs.scss
+++ b/frontend/src/styles/tabs.scss
@@ -21,11 +21,15 @@
         border-bottom: 4px solid $primaryPurple3;
         &.ant-tabs-tab-active {
           border-bottom: 4px solid $primaryPurple7;
+          .ant-tabs-tab-btn {
+            color: $primaryDarkBlue;
+          }
         }
         .ant-tabs-tab-btn {
           font-size: $fzXXS;
           line-height: $fzXXS;
           font-weight: 500;
+          color: $primaryDarkBlue;
         }
       }
     }
@@ -41,5 +45,10 @@
         }
       }
     }
+    & > .ant-tabs-nav {
+      .ant-tabs-nav-list {
+        width: 100%;
+      }
+    }
   }
 }