diff --git a/frontend/src/app.svelte b/frontend/src/app.svelte
index 937766b..3efb24b 100644
--- a/frontend/src/app.svelte
+++ b/frontend/src/app.svelte
@@ -45,9 +45,9 @@
 </script>
 
 <div id="app" class="platform-{environment?.platform}">
-  {#if environment}
-    <div class="titlebar"></div>
+  <div class="titlebar"></div>
 
+  {#if environment}
     <main class:empty={!host || !connection}>
       <AddressBar {hosts} bind:activeHostKey on:select={e => openConnection(e.detail)} bind:modalOpen={addressBarModalOpen} />
 
@@ -71,7 +71,7 @@
     --wails-draggable: drag;
   }
   #app.platform-darwin .titlebar {
-    height: var(--darwin-titlebar-height, 36px);
+    height: var(--darwin-titlebar-height);
   }
 
   main {
@@ -82,7 +82,7 @@
     padding: 0.5rem;
   }
   #app.platform-darwin main {
-    height: calc(100vh - var(--darwin-titlebar-height, 46px));
+    height: calc(100vh - var(--darwin-titlebar-height));
   }
   main.empty {
     grid-template: 3rem auto / 1fr;
diff --git a/frontend/src/components/modal.svelte b/frontend/src/components/modal.svelte
index 69fed85..14e8317 100644
--- a/frontend/src/components/modal.svelte
+++ b/frontend/src/components/modal.svelte
@@ -51,7 +51,7 @@
     cursor: pointer;
   }
   :global(#app.platform-darwin) .outer {
-    margin-top: var(--darwin-titlebar-height, 46px);
+    margin-top: var(--darwin-titlebar-height);
   }
 
   .inner {