diff --git a/fragments/auth/template/src/components/Auth/Link.svelte b/fragments/auth/template/src/components/Auth/Link.svelte
index b33ede4..4601303 100644
--- a/fragments/auth/template/src/components/Auth/Link.svelte
+++ b/fragments/auth/template/src/components/Auth/Link.svelte
@@ -2,6 +2,7 @@
   import { user, authenticating } from "./store";
   import { url } from "@roxi/routify";
 </script>
+
 <ul>
   <li>
     {#if $authenticating}
@@ -12,6 +13,9 @@
       <a href={$url("/login")}>Login</a>
     {/if}
   </li>
+  <li>
+    <a href={$url("/protected")}>Go to protected pages</a>
+  </li>
 </ul>
 
 <style>
@@ -23,7 +27,7 @@
     display: block;
   }
   li {
-    margin-left: 6px;
+    margin: 1rem;
     list-style: none;
   }
 </style>
diff --git a/fragments/auth/template/src/components/Auth/Login.svelte b/fragments/auth/template/src/components/Auth/Login.svelte
index 7a55c25..2ce743d 100644
--- a/fragments/auth/template/src/components/Auth/Login.svelte
+++ b/fragments/auth/template/src/components/Auth/Login.svelte
@@ -18,3 +18,11 @@
     {/if}
   </form>
 </div>
+
+<style>
+  input {
+    color: black;
+    padding: 6px;
+    border-radius: 5px;
+  }
+</style>
diff --git a/fragments/auth/template/src/pages/protected/_reset.svelte b/fragments/auth/template/src/pages/protected/_reset.svelte
index 0daa853..16fe8f4 100644
--- a/fragments/auth/template/src/pages/protected/_reset.svelte
+++ b/fragments/auth/template/src/pages/protected/_reset.svelte
@@ -12,37 +12,55 @@
 </script>
 
 <div class="protected">
-  <a href={$url("/")}>Go back</a>
-  <h1>
-    Protected module {#if $user}<button on:click={logout}>logout</button>{/if}
-  </h1>
-  <main class="container">
-    {#if $user}
-      <slot />
-    {:else if $authenticating}
-      <h2>authenticating...</h2>
-    {:else}
-      <Login />
-    {/if}
-  </main>
+  <div class="wrapper">
+    <nav>
+      <a href={$url("/")}>Go back</a>
+      {#if $user}<button on:click={logout}>logout</button>{/if}
+    </nav>
+    <h1>Protected module</h1>
+    <main class="container">
+      {#if $user}
+        <slot />
+      {:else if $authenticating}
+        <h2>authenticating...</h2>
+      {:else}
+        <Login />
+      {/if}
+    </main>
+  </div>
 </div>
 
 <style>
   .protected {
     position: absolute;
-    height: 100%;
-    width: 100%;
+    height: calc(100% - 16px);
+    width: calc(100% - 16px);
     background: black;
   }
+
+  .wrapper {
+    padding: 2rem;
+  }
+
   * :global(*) {
     color: white;
   }
   * :global(code) {
-    color: initial;
+    color: yellow;
+    font-weight: bold;
   }
+
+  nav {
+    display: flex;
+    justify-content: space-between;
+    height: 2rem;
+    align-items: center;
+  }
+
   button {
-    position: absolute;
-    right: 16px;
-    top: 16px;
+    padding: 8px;
+    color: black;
+    border-radius: 6px;
+    cursor: pointer;
   }
 </style>