diff --git a/revampdashboard/src/routes/dashboard/+layout.svelte b/revampdashboard/src/routes/dashboard/+layout.svelte
index 09341f04..ba5a850e 100644
--- a/revampdashboard/src/routes/dashboard/+layout.svelte
+++ b/revampdashboard/src/routes/dashboard/+layout.svelte
@@ -1,8 +1,11 @@
 <script lang="ts">
   import logo from '$lib/img/logo.png';
+  import { page } from '$app/stores';
   
   let { children } = $props();
   
+  let guildsAnchor: HTMLAnchorElement | undefined = $state();
+  
   async function logout() {
     
   }
@@ -21,7 +24,7 @@
 
     <div class="flex-1 flex items-center flex-wrap">
       <ul class="dashboard-nav list-none flex md:ml-8">
-        <a class="flex-auto mr-4" href="/new/dashboard">Guilds</a>
+        <a class="flex-auto mr-4" href="/new/dashboard" bind:this={guildsAnchor} class:underline={guildsAnchor.href === $page.url.pathname}>Guilds</a>
         <button class="navbar-item hover:text-red-400 mr-2" onclick={logout}>Log out</button>
       </ul>