From 4078deb90a2573452342e4efea497420e1c288a8 Mon Sep 17 00:00:00 2001
From: Bohdan Triapitsyn <artmore@protonmail.com>
Date: Sat, 22 Aug 2026 01:36:12 +0300
Subject: [PATCH] fix(desktop): align Windows close button chrome

---
 packages/ui/src/components/desktop/WindowsWindowControls.tsx | 5 ++++-
 packages/ui/src/components/layout/Header.tsx                 | 3 ++-
 packages/ui/src/components/mini-chat/MiniChatLayout.tsx      | 3 ++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/desktop/WindowsWindowControls.tsx b/packages/ui/src/components/desktop/WindowsWindowControls.tsx
index 8c8e88c5..4d257e30 100644
--- a/packages/ui/src/components/desktop/WindowsWindowControls.tsx
+++ b/packages/ui/src/components/desktop/WindowsWindowControls.tsx
@@ -205,7 +205,10 @@ export const WindowsWindowControls = React.memo(function WindowsWindowControls({
       <button
         key="close"
         type="button"
-        className={cn(buttonClassName, 'hover:bg-status-error hover:text-status-error-foreground')}
+        className={cn(
+          buttonClassName,
+          'hover:bg-[var(--status-error-background)] hover:text-[var(--status-error-foreground)]',
+        )}
         onClick={() => { void invokeDesktop('desktop_close_current_window'); }}
         title={t('header.windowControls.close')}
         aria-label={t('header.windowControls.close')}
diff --git a/packages/ui/src/components/layout/Header.tsx b/packages/ui/src/components/layout/Header.tsx
index c387bfa7..cfc8f555 100644
--- a/packages/ui/src/components/layout/Header.tsx
+++ b/packages/ui/src/components/layout/Header.tsx
@@ -1910,7 +1910,8 @@ export const Header: React.FC<HeaderProps> = ({
     <div
       onMouseDown={handleDragStart}
       className={cn(
-        'app-region-drag relative flex h-12 select-none items-center pr-3',
+        'app-region-drag relative flex h-12 select-none items-center',
+        usesFramelessChrome && windowControlsSide === 'right' ? 'pr-0' : 'pr-3',
         macosHeaderSizeClass
       )}
       style={webWindowControlsOverlayStyle}
diff --git a/packages/ui/src/components/mini-chat/MiniChatLayout.tsx b/packages/ui/src/components/mini-chat/MiniChatLayout.tsx
index 6e4eeec8..84afce61 100644
--- a/packages/ui/src/components/mini-chat/MiniChatLayout.tsx
+++ b/packages/ui/src/components/mini-chat/MiniChatLayout.tsx
@@ -262,7 +262,8 @@ const MiniChatHeader: React.FC<{ mode: MiniChatMode }> = ({ mode }) => {
   return (
     <header
       className={cn(
-        'flex items-center gap-3 bg-background pr-3',
+        'flex items-center gap-3 bg-background',
+        usesFramelessChrome && windowControlsSide === 'right' ? 'pr-0' : 'pr-3',
         hasMacTrafficLights ? 'pl-[5.5rem]' : 'pl-3',
         usesFramelessChrome ? 'h-12' : macosHeaderSizeClass || 'min-h-14',
       )}