WIP

src/core/client/ui/components/Tabs/Tab.css

@@ -22,9 +22,17 @@
 .primary {
   background: var(--palette-grey-lightest);
   color: var(--palette-grey-main);
-  border: 1px solid 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);

src/core/client/ui/components/Tabs/TabBar.css

@@ -5,7 +5,7 @@
 }
 
 .primary {
-  border-bottom: 1px solid var(--palette-grey-main);
+  border-bottom: 1px solid var(--palette-grey-lighter);
 }
 
 .secondary {