diff --git a/_includes/footer.html b/_includes/footer.html
index aebe0e9..dafd436 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -40,14 +40,14 @@
             <p class="text-base text-white mb-5 lg:mb-4">Research</p>
             <ul>
               {% for nav in site.data.footer-research %} {% include
-              nav-item.html %} {% endfor %}
+              nav-item-footer.html %} {% endfor %}
             </ul>
           </div>
           <div class="flex flex-col sl:mr-14">
             <p class="text-base text-white mb-5 lg:mb-4 mr-5">Socials</p>
             <ul>
-              {% for nav in site.data.footer-socials %} {% include nav-item.html
-              %} {% endfor %}
+              {% for nav in site.data.footer-socials %} {% include
+              nav-item-footer.html %} {% endfor %}
             </ul>
           </div>
         </div>
@@ -56,7 +56,7 @@
             <p class="text-base text-white mb-5 lg:mb-4">Projects</p>
             <ul>
               {% for nav in site.data.footer-projects %} {% include
-              nav-item.html %} {% endfor %}
+              nav-item-footer.html %} {% endfor %}
             </ul>
           </div>
         </div>
diff --git a/_includes/header.html b/_includes/header.html
index a9cb5b3..7411768 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -71,17 +71,8 @@
               l:p-0
             "
           >
-            {% for nav in site.data.navigation %}
-            <li class="hover:opacity-50">
-              {% if nav.path %}
-              <a class="nav__link" href="{{ nav.path }}">{{ nav.title }}</a>
-              {% endif %} {% if nav.link %}
-              <a href="{{ nav.link }}" target="_blank" rel="noopener noreferrer"
-                >{{ nav.title }}</a
-              >
-              {% endif %}
-            </li>
-            {% endfor %}
+            {% for nav in site.data.navigation %} {% include nav-item.html %} {%
+            endfor %}
           </ul>
         </nav>
 
@@ -140,17 +131,8 @@
               font-normal
             "
           >
-            {% for nav in site.data.navigation %}
-            <li class="leading-loose hover:opacity-50">
-              {% if nav.path %}
-              <a class="nav__link" href="{{ nav.path }}">{{ nav.title }}</a>
-              {% endif %} {% if nav.link %}
-              <a href="{{ nav.link }}" target="_blank" rel="noopener noreferrer"
-                >{{ nav.title }}</a
-              >
-              {% endif %}
-            </li>
-            {% endfor %}
+            {% for nav in site.data.navigation %} {% include nav-item.html %} {%
+            endfor %}
           </ul>
           <ul class="social items-center flex mt-8">
             {% include social.html %}
diff --git a/_includes/nav-item-footer.html b/_includes/nav-item-footer.html
new file mode 100644
index 0000000..2d66cd7
--- /dev/null
+++ b/_includes/nav-item-footer.html
@@ -0,0 +1,5 @@
+<li class="text-xxs lg:text-base text-white opacity-75 hover:opacity-50 mb-5">
+  <a href="{{ nav.link }}" target="_blank" rel="noopener noreferrer"
+    >{{ nav.title }}</a
+  >
+</li>
diff --git a/_includes/nav-item.html b/_includes/nav-item.html
index 2d66cd7..c85416d 100644
--- a/_includes/nav-item.html
+++ b/_includes/nav-item.html
@@ -1,5 +1,9 @@
-<li class="text-xxs lg:text-base text-white opacity-75 hover:opacity-50 mb-5">
+<li class="hover:opacity-50">
+  {% if nav.path %}
+  <a class="nav__link" href="{{ nav.path }}">{{ nav.title }}</a>
+  {% endif %} {% if nav.link %}
   <a href="{{ nav.link }}" target="_blank" rel="noopener noreferrer"
     >{{ nav.title }}</a
   >
+  {% endif %}
 </li>