diff --git a/src/css/layout/_nav.scss b/src/css/layout/_nav.scss
index dacd89a..9871844 100644
--- a/src/css/layout/_nav.scss
+++ b/src/css/layout/_nav.scss
@@ -35,7 +35,7 @@
           margin: 0 40%;
           &:before {
             @include vendor('transition', (
-              'width #{_duration(transition)} ease',
+              'width #{_duration(transition2)} ease',
             ));
             content: '';
             position: absolute;
@@ -47,6 +47,9 @@
             width: 0;
           }
           &:after {
+            @include vendor('transition', (
+              'opacity #{_duration(transition2)} ease',
+            ));
             opacity: 0;
             content: attr(data-text);
             position: absolute;
diff --git a/src/index.html b/src/index.html
index 8357c8d..349c8c9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -52,8 +52,8 @@
     <ul>
       <li data-text="Home">Home</li>
       <li data-text="Websites">Websites</li>
-      <li data-text="Websites">Websites</li>
-      <li data-text="Websites">Websites</li>
+      <li data-text="Projects">Projects</li>
+      <li data-text="Contact">Contact</li>
     </ul>
   </div>