From 2af10273c85f8c02073691461e844329f0378ca2 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Fri, 16 Jan 2026 13:00:44 +0000
Subject: [PATCH] fix: make hamburger centred with project avatars

---
 packages/app/src/components/titlebar.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/packages/app/src/components/titlebar.tsx b/packages/app/src/components/titlebar.tsx
index a1ce45a97e..09e896fb50 100644
--- a/packages/app/src/components/titlebar.tsx
+++ b/packages/app/src/components/titlebar.tsx
@@ -80,14 +80,11 @@ export function Titlebar() {
         onMouseDown={drag}
       >
         <Show when={mac()}>
-          <div class="w-[72px] h-full shrink-0" data-tauri-drag-region />
+          <div class="w-[72px] h-full shrink-0 xl:block hidden" data-tauri-drag-region />
         </Show>
-        <IconButton
-          icon="menu"
-          variant="ghost"
-          class="xl:hidden size-8 rounded-md"
-          onClick={layout.mobileSidebar.toggle}
-        />
+        <div class="xl:hidden w-[48px] shrink-0 flex items-center justify-center">
+          <IconButton icon="menu" variant="ghost" class="size-8 rounded-md" onClick={layout.mobileSidebar.toggle} />
+        </div>
         <TooltipKeybind
           class={web() ? "hidden xl:flex shrink-0 ml-14" : "hidden xl:flex shrink-0"}
           placement="bottom"