diff --git a/src/components/Navbar.scss b/src/components/Navbar.scss
index 871a8dd..1c763c3 100644
--- a/src/components/Navbar.scss
+++ b/src/components/Navbar.scss
@@ -39,5 +39,9 @@
     font-size: 1.1em;
     padding-top: 0.4em;
     z-index: -1;
+    a {
+      color: inherit;
+      text-decoration: inherit;
+    }
   }
 }
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 59f969a..0964d32 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -48,6 +48,7 @@ export default defineComponent({
             { !this.hideBackButton &&
               <button onClick={this.goBack} data-test="navbarBackButton"><img src={backImage} alt="Gå tillbaka"/></button> }
           </div>
+          <div class="title"><a href="https://f.kth.se/sangbok">Sångboken</a></div>
           <a class="title" href="https://f.kth.se/sangbok">Sångboken</a>
           <div style="float: right;" data-test="settingsButtonWrapper">
             {!this.showSettings && <button onClick={() => { this.showSettings = true }} data-test="navbarShowSettingsButton"><img src={settingsImage} alt="Visa inställningar" /></button>}