diff --git a/views/partials/head.ejs b/views/partials/head.ejs
index b70bd02..f5ee55d 100644
--- a/views/partials/head.ejs
+++ b/views/partials/head.ejs
@@ -48,4 +48,7 @@
     .footer-text{
         margin: 0;
     }
+    .selected{
+        color: rgb(255, 189, 51)!important;
+    }
     </style>
\ No newline at end of file
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
index b89623c..19f4311 100644
--- a/views/partials/header.ejs
+++ b/views/partials/header.ejs
@@ -14,4 +14,13 @@
         <a class="nav-link text-white" href="/settings">Settings</a>
       </li>
     </ul>
-  </nav>
\ No newline at end of file
+</nav>
+
+<script defer>
+  const aTags = document.querySelectorAll('a')
+  aTags.forEach(aTag => {
+    if(aTag.getAttribute('href') == window.location.pathname){
+      aTag.classList.add('selected')
+    }
+  })
+</script>
\ No newline at end of file