diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index 685cd29..43f792c 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -376,23 +376,31 @@ li.tabs__tab a {
   padding: 5px 15px 5px 16px;
   margin-left: -1px;
   color: #0074bd;
+  -webkit-transition: border-color 0.2s, background-color 0.2s;
+  -moz-transition: border-color 0.2s, background-color 0.2s;
+  transition: border-color 0.2s, background-color 0.2s;
 }
 .tabs.secondary .tabs__tab + .tabs__tab {
   border-top: 1px solid #d9d8d4;
 }
 .tabs.secondary .tabs__tab.active {
   color: #004f80;
-  border-left-color: #004f80;
+  border-left: 2px solid #004f80;
+  padding-left: 15px;
 }
 .tabs.secondary .tabs__tab:hover {
-  border-left-color: #008ee6;
   color: #008ee6;
+  border-left: 2px solid #008ee6;
+  padding-left: 15px;
 }
 .tabs.secondary a {
   background-color: transparent;
   padding: 7px 13px 5px;
   text-decoration: none;
 }
+.tabs.secondary .active a {
+  color: #004f80;
+}
 .tabs.secondary a:focus {
   text-decoration: underline;
 }
@@ -400,14 +408,13 @@ li.tabs__tab a {
 /* Styles for the horizontal state */
 .is-horizontal .tabs.secondary .tabs__tab {
   background: none;
-  border-width: 0 0 2px;
   float: left;
   position: relative;
   top: 0;
   z-index: 15;
   margin-left: 1em;
   margin-right: 1em;
-  border-bottom: 1px solid transparent;
+  border-bottom: 2px solid transparent;
   border-left: 1px solid transparent;
   border-right-color: transparent;
   border-top: 0;