diff --git a/ui/src/components/TitleBar.vue b/ui/src/components/TitleBar.vue
index ceaa9a9..13dec51 100644
--- a/ui/src/components/TitleBar.vue
+++ b/ui/src/components/TitleBar.vue
@@ -3,7 +3,9 @@
     <v-container class="d-flex pa-0" fluid fill-height>
       <div class="d-flex justify-start slim text-left text-no-wrap">LOGO</div>
 
-      <div class="d-flex justify-center text-center mx-auto">TITLE</div>
+      <div class="d-flex justify-center text-center mx-auto thw-font">
+        TITLE
+      </div>
 
       <div class="d-flex justify-end slim text-right text-no-wrap">
         <div class="flex-column">
@@ -31,4 +33,8 @@ export default class TitleBar extends Vue {}
 .slim {
   max-width: 0;
 }
+
+.thw-font {
+  font-family: "Lubalin Graph", "Roboto", sans-serif !important;
+}
 </style>
\ No newline at end of file