diff --git a/frontend/app/components/Header/header.css b/frontend/app/components/Header/header.css
index 427f95e18..e817d80fb 100644
--- a/frontend/app/components/Header/header.css
+++ b/frontend/app/components/Header/header.css
@@ -25,9 +25,11 @@ $height: 50px;
   color: $gray-darkest;
   text-transform: uppercase;
   white-space: nowrap;
+  transition: all .2s ease-in-out;
   &:hover, &.active {
     color: $teal;
     border-bottom: 2px solid $teal;
+    transition: all .2s ease-in-out;
   }
   position: relative;
 }