diff --git a/day5/src/components/routerLink.ts b/day5/src/components/routerLink.ts
index 838d907..98b0c0f 100644
--- a/day5/src/components/routerLink.ts
+++ b/day5/src/components/routerLink.ts
@@ -1,5 +1,5 @@
 export const RouterLink = (link: string, name: string) => {
     return `
-    <a href="#" d-click="event.preventDefault(); loadPage('${link}')">${name}</a>
+    <a href="${link}" d-click="event.preventDefault(); loadPage('${link}')">${name}</a>
     `
 }
\ No newline at end of file
diff --git a/day5/src/main.ts b/day5/src/main.ts
index 6712bbf..3cec97c 100644
--- a/day5/src/main.ts
+++ b/day5/src/main.ts
@@ -38,6 +38,7 @@ async function loadPage(route?: string) {
         const file = await import(/* @vite-ignore */ './pages' + fileName)
         templatedVirtualDom = await eval(compileToString(eval(file.default)()))
     }
+    console.log
     documentBody.innerHTML = templatedVirtualDom
     // here we hydrate/re-hydrate the page content
     await hydratePage()
diff --git a/day5/src/pages/subroute/page.ts b/day5/src/pages/subroute/page.ts
index 64343ad..195806d 100644
--- a/day5/src/pages/subroute/page.ts
+++ b/day5/src/pages/subroute/page.ts
@@ -7,7 +7,7 @@ export default () => {
         <div class="p-6 border-neutral-800 rounded-lg container__content  border">
             ${Counter()}
             <div class="flex gap-1 justify-center">
-            reutrn ${RouterLink('/', 'Home')}
+            go ${RouterLink('/subroute/deep/deeper/deepest', 'deeper')}
             </div>
         </div>
     </div>
diff --git a/day5/src/style.css b/day5/src/style.css
index 7910b2a..a3f80c7 100644
--- a/day5/src/style.css
+++ b/day5/src/style.css
@@ -10,7 +10,10 @@ body {
     padding: 0;
     margin: 0;
     min-height: 100vh;
-    scrollbar-color: #27272a #27272a;
+}
+
+a:hover {
+    text-decoration: underline;
 }
 
 .container__content {