From d8ce5c9d1a44567b1b4bb66181c0381f40eb762f Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Thu, 12 Mar 2026 15:19:02 -0700
Subject: [PATCH] Fix styles

---
 apps/yaak-proxy/components/ProxyLayout.tsx | 11 ++++++-----
 packages/ui/src/components/HeaderSize.tsx  |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/yaak-proxy/components/ProxyLayout.tsx b/apps/yaak-proxy/components/ProxyLayout.tsx
index 96b6c90d..642543ce 100644
--- a/apps/yaak-proxy/components/ProxyLayout.tsx
+++ b/apps/yaak-proxy/components/ProxyLayout.tsx
@@ -31,6 +31,7 @@ export function ProxyLayout() {
       )}
     >
       <HeaderSize
+        data-tauri-drag-region
         size="lg"
         osType={os}
         hideWindowControls={false}
@@ -38,8 +39,8 @@ export function ProxyLayout() {
         interfaceScale={1}
         className="x-theme-appHeader bg-surface"
       >
-        <div className="grid grid-cols-[auto_minmax(0,1fr)_auto]">
-          <div className="flex items-center pl-1">
+        <div className="grid grid-cols-[auto_minmax(0,1fr)_auto] items-center w-full h-full pointer-events-none">
+          <div className="flex items-center pl-1 pointer-events-auto">
             <IconButton
               size="sm"
               title="Toggle sidebar"
@@ -54,10 +55,10 @@ export function ProxyLayout() {
               }}
             />
           </div>
-          <div data-tauri-drag-region className="flex items-center text-sm px-2">
+          <div data-tauri-drag-region className="pointer-events-none flex items-center text-sm px-2">
             Yaak Proxy
           </div>
-          <div className="flex items-center gap-1 pr-1">
+          <div className="flex items-center gap-1 pr-1 pointer-events-auto">
             <span
               className={classNames('text-xs', isRunning ? 'text-success' : 'text-text-subtlest')}
             >
@@ -101,7 +102,7 @@ export function ProxyLayout() {
               <HeaderSize
                 hideControls
                 size="lg"
-                className="border-transparent flex items-center pl-1"
+                className="border-transparent pl-1"
                 osType={os}
                 hideWindowControls={false}
                 useNativeTitlebar={false}
diff --git a/packages/ui/src/components/HeaderSize.tsx b/packages/ui/src/components/HeaderSize.tsx
index a9c705b0..3f6cfa96 100644
--- a/packages/ui/src/components/HeaderSize.tsx
+++ b/packages/ui/src/components/HeaderSize.tsx
@@ -68,7 +68,7 @@ export function HeaderSize({
       className={classNames(
         className,
         'pt-[1px]', // Make up for bottom border
-        'select-none relative',
+        'select-none relative flex items-center',
         'w-full border-b border-border-subtle min-w-0',
       )}
     >