From f6b7c24704db1e445b57afed3a2a4f777225de6d Mon Sep 17 00:00:00 2001
From: tokenflow1m <tokenflow1m@gmail.com>
Date: Sun, 15 Mar 2026 14:39:22 +0900
Subject: [PATCH] Fix HUD overlay clipping and horizontal scrollbar

The HUD overlay window (500px) was narrower than the HUD bar's
max-width (560px), causing content to clip on both sides and a
horizontal scrollbar to appear.

- Widen HUD overlay window from 500px to 600px
- Add overflow-hidden to the root container
- Remove unnecessary max-w-[560px] from the HUD bar
---
 electron/windows.ts                    | 6 +++---
 src/components/launch/LaunchWindow.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/electron/windows.ts b/electron/windows.ts
index e16c1c5a..d2f7466d 100644
--- a/electron/windows.ts
+++ b/electron/windows.ts
@@ -28,7 +28,7 @@ export function createHudOverlayWindow(): BrowserWindow {
   const { workArea } = primaryDisplay;
 
 
-  const windowWidth = 500;
+  const windowWidth = 600;
   const windowHeight = 155;
 
   const x = Math.floor(workArea.x + (workArea.width - windowWidth) / 2);
@@ -37,8 +37,8 @@ export function createHudOverlayWindow(): BrowserWindow {
   const win = new BrowserWindow({
     width: windowWidth,
     height: windowHeight,
-    minWidth: 500,
-    maxWidth: 500,
+    minWidth: 600,
+    maxWidth: 600,
     minHeight: 155,
     maxHeight: 155,
     x: x,
diff --git a/src/components/launch/LaunchWindow.tsx b/src/components/launch/LaunchWindow.tsx
index 2b97f4c9..24f26a43 100644
--- a/src/components/launch/LaunchWindow.tsx
+++ b/src/components/launch/LaunchWindow.tsx
@@ -152,7 +152,7 @@ export function LaunchWindow() {
   };
 
   return (
-    <div className="w-full h-full flex items-end justify-center bg-transparent">
+    <div className="w-full h-full flex items-end justify-center bg-transparent overflow-hidden">
       <div className={`flex flex-col items-center gap-2 mx-auto ${styles.electronDrag}`}>
         {showMicControls && (
           <div
@@ -177,7 +177,7 @@ export function LaunchWindow() {
         )}
 
         <div
-          className={`w-full max-w-[560px] mx-auto flex items-center gap-1.5 px-3 py-2 ${styles.electronDrag} ${styles.hudBar}`}
+          className={`w-full mx-auto flex items-center gap-1.5 px-3 py-2 ${styles.electronDrag} ${styles.hudBar}`}
           style={{
             borderRadius: 9999,
             background: "linear-gradient(135deg, rgba(28,28,36,0.97) 0%, rgba(18,18,26,0.96) 100%)",