diff --git a/core/templates/header.html b/core/templates/header.html
index eea90a9..a2491ab 100644
--- a/core/templates/header.html
+++ b/core/templates/header.html
@@ -6,13 +6,13 @@
     </div>
     <div class="font-sans md:row-span-3 md:grid md:grid-cols-1">
         <nav class="flex gap-x-4 md:justify-end">
-            <a class="{% if 'about-me' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
+            <a class="{% if '/about/me/' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
                href="{% url 'core:about-me' %}">about me</a>
-            <a class="{% if 'about-website' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
+            <a class="{% if '/about/website/' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
                href="{% url 'core:about-website' %}">about this website</a>
-            <a class="{% if 'about-tools' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
+            <a class="{% if '/about/tools/' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
                href="{% url 'core:about-tools' %}">about my tools</a>
-            <a class="{% if 'contact-me' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
+            <a class="{% if '/contact/me/' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
                href="{% url 'core:contact-me' %}">contact me</a>
         </nav>
         <nav class="flex gap-x-4 md:row-span-2 md:items-end text-lg">