diff --git a/config/filters.js b/config/filters.js
index 21e2e8cf..71817142 100644
--- a/config/filters.js
+++ b/config/filters.js
@@ -36,9 +36,10 @@ module.exports = {
             return author.name && published && content
         }
 
-        const filtered = webmentions
-            .filter((entry) => entry['wm-target'] === `https://coryd.dev${url}`)
-            .filter((entry) => allowedTypes.includes(entry['wm-property']))
+        const filtered =
+            webmentions
+                ?.filter((entry) => entry['wm-target'] === `https://coryd.dev${url}`)
+                .filter((entry) => allowedTypes.includes(entry['wm-property'])) || []
 
         filtered.forEach((m) => {
             if (data[m['wm-property']]) {
diff --git a/src/_includes/footer.liquid b/src/_includes/footer.liquid
index f829a973..164e39b9 100644
--- a/src/_includes/footer.liquid
+++ b/src/_includes/footer.liquid
@@ -10,5 +10,5 @@
         {% include "icons/trakt.liquid" %}
         {% include "icons/oku.liquid" %}
     </div>
-    <p class="text-sm text-gray-500 dark:text-gray-100 text-center pb-8"><a href="/uses">Uses</a> • <a href="/referrals">Referrals</a> • Cory Dransfeldt • © {{ "now" | date: "%Y" }}</p>
+    <p class="text-sm text-gray-500 dark:text-gray-100 text-center pb-8"><a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url == '/uses/' %} active{% endif %}" href="/uses">Uses</a> • <a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url == '/referrals/' %} active{% endif %}" href="/referrals">Referrals</a> • Cory Dransfeldt • © {{ "now" | date: "%Y" }}</p>
 </footer>
diff --git a/src/_includes/nav.liquid b/src/_includes/nav.liquid
index 0a4fd06d..03f57cfd 100644
--- a/src/_includes/nav.liquid
+++ b/src/_includes/nav.liquid
@@ -1,7 +1,7 @@
 <nav>
   <ul class="flex">
-    <li class="mr-6"><a class="text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" href="/now">/now</a></li>
-    <li class="mr-6"><a class="text-gray-700 hover:text-purple-500 dark:text-gray-200 dark:hover:text-purple-400" href="/about">About</a></li>
+    <li class="mr-6"><a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url == '/now/' %} active{% endif %}" href="/now">/now</a></li>
+    <li class="mr-6"><a class="text-gray-700 hover:text-primary-400 dark:text-gray-200{% if page.url == '/about/' %} active{% endif %}" href="/about">About</a></li>
     <li class="mr-6">
         {% include "icons/coffee.liquid" %}
     </li>
diff --git a/tailwind.css b/tailwind.css
index 75103fb3..57eb690e 100644
--- a/tailwind.css
+++ b/tailwind.css
@@ -31,3 +31,7 @@
 .icon-inline svg {
     @apply inline;
 }
+
+.active {
+    @apply text-primary-400;
+}