From 2af01e5f4b6348a548c93289ab0874fcfb94c437 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Mon, 17 Sep 2018 22:12:58 +0200
Subject: [PATCH] Styling fixes

---
 src/core/client/ui/components/Tabs/Tab.css | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/core/client/ui/components/Tabs/Tab.css b/src/core/client/ui/components/Tabs/Tab.css
index 7793fd3d5..ead948a36 100644
--- a/src/core/client/ui/components/Tabs/Tab.css
+++ b/src/core/client/ui/components/Tabs/Tab.css
@@ -19,26 +19,28 @@
   }
 }
 
+.root:first-child .primary {
+  border-top-left-radius: var(--round-corners);
+}
+
+.root:last-child .primary {
+  border-top-right-radius: var(--round-corners);
+}
+
 .primary {
+  position: relative;
   background: var(--palette-grey-lightest);
   color: var(--palette-grey-main);
   border: 1px solid var(--palette-grey-lighter);
   padding: calc(0.5 * var(--spacing-unit)) calc(var(--spacing-unit) * 2);
-
-  &:first-child {
-    border-top-left-radius: var(--round-corners);
-  }
-
-  &:last-child {
-    border-top-right-radius: var(--round-corners);
-  }
-
   &.active {
     background-color: var(--palette-common-white);
     color: var(--palette-common-black);
-    border-bottom-color: var(--palette-common-white);
+    border-bottom: 0;
     border-top-width: calc(0.5 * var(--spacing-unit));
     border-top-color: var(--palette-primary-main);
+    border-radius: 0;
+    z-index: 10;
   }
 }