diff --git a/src/core/client/ui/components/Tabs/Tab.css b/src/core/client/ui/components/Tabs/Tab.css
index 4000b151b..7793fd3d5 100644
--- a/src/core/client/ui/components/Tabs/Tab.css
+++ b/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);
diff --git a/src/core/client/ui/components/Tabs/TabBar.css b/src/core/client/ui/components/Tabs/TabBar.css
index 7ea4a5ac3..0ba3a25f2 100644
--- a/src/core/client/ui/components/Tabs/TabBar.css
+++ b/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 {