diff --git a/revampdashboard/src/routes/dashboard/+layout.svelte b/revampdashboard/src/routes/dashboard/+layout.svelte
index ba5a850e..9b41300d 100644
--- a/revampdashboard/src/routes/dashboard/+layout.svelte
+++ b/revampdashboard/src/routes/dashboard/+layout.svelte
@@ -1,10 +1,15 @@
 <script lang="ts">
   import logo from '$lib/img/logo.png';
   import { page } from '$app/stores';
+  import { onMount } from 'svelte';
   
   let { children } = $props();
   
-  let guildsAnchor: HTMLAnchorElement | undefined = $state();
+  let guildsAnchor: string = $state("/new/dashboard");
+  
+  onMount(() => {
+    console.log($page.url.pathname);
+  })
   
   async function logout() {
     
@@ -24,7 +29,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" bind:this={guildsAnchor} class:underline={guildsAnchor.href === $page.url.pathname}>Guilds</a>
+        <a class="flex-auto mr-4" href={guildsAnchor}  class:underline={guildsAnchor === $page.url.pathname}>Guilds</a>
         <button class="navbar-item hover:text-red-400 mr-2" onclick={logout}>Log out</button>
       </ul>