diff --git a/assets/js/components/Navbar.vue b/assets/js/components/Navbar.vue
index 960bc4ff..5c5cc4a6 100644
--- a/assets/js/components/Navbar.vue
+++ b/assets/js/components/Navbar.vue
@@ -3,7 +3,11 @@
     <div class="sm:flex">
       <div class="w-full sm:w-1/3 lg:w-1/4 flex items-center">
         <div class="w-3/4 py-5">
-          <div class="font-semibold text-sm">{{ siteTitle }}</div>
+          <div class="text-sm">
+            <a :href="siteUrl" class="text-black" tabindex="-1">
+              {{ siteTitle }}
+            </a>
+          </div>
         </div>
 
         <div class="w-1/4 text-right sm:hidden">
@@ -34,6 +38,7 @@
 <script>
 export default {
   props: {
+    siteUrl: String,
     siteTitle: String,
     pageUrl: String,
   },
diff --git a/source/_partials/layout/navbar.html.twig b/source/_partials/layout/navbar.html.twig
index 661206b7..372e885c 100644
--- a/source/_partials/layout/navbar.html.twig
+++ b/source/_partials/layout/navbar.html.twig
@@ -1,9 +1,13 @@
 <div class="border-bottom border-b border-gray-300 mb-6 fixed top-0 w-full bg-white z-20">
     <div class="px-4 md:px-8 mx-auto">
         <div class="block py-5 v-cloak-block">
-            <div class="font-semibold text-sm">{{ site.title }}</div>
+            <div class="text-sm">
+                <a href="{{ site.url }}" class="text-black" tabindex="-1">
+                    {{ site.title }}
+                </a>
+            </div>
         </div>
 
-        <navbar site-title="{{ site.title }}" page-url="{{ page.url }}"></navbar>
+        <navbar site-url="{{ site.url }}" site-title="{{ site.title }}" page-url="{{ page.url }}"></navbar>
     </div>
 </div>