diff --git a/src/components/HeaderNav.vue b/src/components/HeaderNav.vue
index 2e88a805..c6524238 100644
--- a/src/components/HeaderNav.vue
+++ b/src/components/HeaderNav.vue
@@ -78,7 +78,7 @@ export default {
   }
 
   & > /deep/ a {
-    display: flex;
+    display: inline-flex;
     align-items: center;
     line-height: 1.4;
     height: 100%;
@@ -96,6 +96,7 @@ export default {
     }
 
     &.router-link-exact-active {
+      color: var(--accent-color);
       &:after {
         background-color: var(--nav-link-border-color);
       }