diff --git a/public/less/admin/header.less b/public/less/admin/header.less
index 969a9d7ca5..709dbc378f 100644
--- a/public/less/admin/header.less
+++ b/public/less/admin/header.less
@@ -98,10 +98,12 @@
 		> li {
 			float: left;
 			margin-right: 30px;
+			padding-bottom: 10px;
+			border-bottom: 4px solid transparent;
+			transition: border-color 150ms linear;
 
 			&.active {
-				border-bottom: 4px solid @brand-primary;
-    			padding-bottom: 10px;
+				border-color: @brand-primary;
 			}
 
 			> a {