diff --git a/src/renderer/components/TheTitleBar.vue b/src/renderer/components/TheTitleBar.vue
index c06b44a3..10766857 100644
--- a/src/renderer/components/TheTitleBar.vue
+++ b/src/renderer/components/TheTitleBar.vue
@@ -4,7 +4,7 @@
       <div class="titlebar-elements">
          <img class="titlebar-logo" :src="require('@/images/logo.svg').default">
       </div>
-      <div class="titlebar-elements">
+      <div class="titlebar-elements titlebar-title">
          {{ windowTitle }}
       </div>
       <div class="titlebar-elements">
@@ -123,6 +123,15 @@ export default {
       display: flex;
       align-items: center;
 
+      &.titlebar-title {
+        position: absolute;
+        left: 0;
+        right: 0;
+        text-align: center;
+        display: block;
+        pointer-events: none;
+      }
+
       .titlebar-logo {
         height: $titlebar-height;
         padding: 0 0.4rem;