diff --git a/sass/juice.scss b/sass/juice.scss
index 08af5c0..9770ed6 100644
--- a/sass/juice.scss
+++ b/sass/juice.scss
@@ -72,11 +72,20 @@ header ul li {
   color: var(--primary-text-color);
 
   &:hover {
-    color: #fff;
     text-decoration: underline;
   }
 }
 
+header .nav-item {
+  padding: 4px 2px;
+  color: var(--primary-text-color);
+
+  &:hover, &:active, &:focus {
+    text-decoration: none;
+    border-bottom: white solid 2px;
+  }
+}
+
 .hero {
   display: flex;
   align-items: center;