diff --git a/assets/js/components/Navbar.vue b/assets/js/components/Navbar.vue
index 7a141a4c1..650524f43 100644
--- a/assets/js/components/Navbar.vue
+++ b/assets/js/components/Navbar.vue
@@ -3,7 +3,7 @@
     <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">{{ siteTitle }}</div>
+          <div class="font-semibold text-sm">{{ siteTitle }}</div>
         </div>
 
         <div class="w-1/4 text-right sm:hidden">
@@ -20,7 +20,7 @@
       >
         <a
           v-for="item in items"
-          class="block text-black focus:outline-none p-4 border-l-3 sm:border-l-0 sm:border-b-3 border-transparent hover:border-grey-light sm:ml-4 sm:mr-0 sm:p-0 hover:no-underline"
+          class="block text-black focus:outline-none p-4 border-l-3 sm:border-l-0 sm:border-b-3 border-transparent hover:border-grey-light sm:ml-4 sm:mr-0 sm:p-0 hover:no-underline text-sm"
           :class="{'border-blue hover:border-blue': isActive(item)}"
           :href="item.href"
         >
diff --git a/source/_partials/layout/navbar.html.twig b/source/_partials/layout/navbar.html.twig
index 70c47ab92..cf7e0e4c4 100644
--- a/source/_partials/layout/navbar.html.twig
+++ b/source/_partials/layout/navbar.html.twig
@@ -1,7 +1,7 @@
 <div class="border-bottom border-b border-grey-light mb-6 fixed pin-t 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">{{ site.title }}</div>
+            <div class="font-semibold text-sm">{{ site.title }}</div>
         </div>
 
         <navbar site-title="{{ site.title }}" page-url="{{ page.url }}"></navbar>