diff --git a/core/themes/bartik/css/components/vertical-tabs.component.css b/core/themes/bartik/css/components/vertical-tabs.component.css
index 444fd9d..a414c68 100644
--- a/core/themes/bartik/css/components/vertical-tabs.component.css
+++ b/core/themes/bartik/css/components/vertical-tabs.component.css
@@ -9,3 +9,18 @@ ul.vertical-tabs-list {
   /* This is required to win specificity over [dir="rtl"] .region-content ul */
   padding: 0;
 }
+.vertical-tab-button:focus {
+  outline: none;
+}
+.vertical-tab-button.selected a {
+  border-bottom-color: #999;
+  border-left: 4px solid #0071b3; /* LTR */
+  outline: none;
+  padding-left: 11px;
+}
+[dir=rtl] .vertical-tab-button.selected a {
+  border-left: 0;
+  border-right: 4px solid #0071b3;
+  outline: none;
+  padding-right: 11px;
+}
diff --git a/core/themes/seven/css/components/vertical-tabs.css b/core/themes/seven/css/components/vertical-tabs.css
index 325a3af..3ca3a7d 100644
--- a/core/themes/seven/css/components/vertical-tabs.css
+++ b/core/themes/seven/css/components/vertical-tabs.css
@@ -42,6 +42,9 @@
 .vertical-tab-button:active {
   z-index: 2;
 }
+.vertical-tab-button.selected:focus {
+  outline: none;
+}
 .vertical-tab-button a {
   display: block;
   padding: 10px 15px 15px;
@@ -63,6 +66,19 @@
 .vertical-tab-button.selected a {
   border-bottom-color: #b3b2ad;
   color: #004f80;
+  border-left: 4px solid #0074bd; /* LTR */
+  outline: none;
+  padding-left: 11px;
+}
+[dir=rtl] .vertical-tab-button.selected a {
+  border-left: 0;
+  border-right: 4px solid #0074bd;
+  outline: none;
+  text-decoration: none;
+  padding-right: 11px;
+}
+li.vertical-tab-button.selected a:focus strong {
+  text-decoration: none;
 }
 .vertical-tab-button.selected a:hover,
 .vertical-tab-button.selected a:focus {