From e2630b94fd934b33891d2be507fd4a1b710d24be Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 20 Apr 2023 13:29:53 +0100
Subject: [PATCH] tab fixes

---
 ui/components/ui/tabs/tab/index.scss | 3 +++
 ui/pages/home/index.scss             | 6 ------
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/ui/components/ui/tabs/tab/index.scss b/ui/components/ui/tabs/tab/index.scss
index 9ceb99941..319f6c9cf 100644
--- a/ui/components/ui/tabs/tab/index.scss
+++ b/ui/components/ui/tabs/tab/index.scss
@@ -1,4 +1,7 @@
 .tab {
+  // so the active tab line is sitting right on top of tabs border, not underneath it
+  margin-bottom: -1px;
+
   button {
     min-width: 50px;
     background-color: unset;
diff --git a/ui/pages/home/index.scss b/ui/pages/home/index.scss
index 5b14a79dc..c450ede91 100644
--- a/ui/pages/home/index.scss
+++ b/ui/pages/home/index.scss
@@ -20,12 +20,6 @@
     flex: 0 0 auto;
   }
 
-  // TODO: fix style import order so this isn't required to override specificity of `tab` class
-  &__main-view &__tabs {
-    border: none;
-    padding: 0 16px;
-  }
-
   &__main-view &__tab {
     @include H6;