From db3513a63b05ad2cfb8ca2a6d31b2880080a6772 Mon Sep 17 00:00:00 2001
From: Macbook <macbook@Macbookui-MacBookPro.local>
Date: Mon, 15 Jun 2026 22:01:22 +0900
Subject: [PATCH] =?UTF-8?q?=EB=8D=B0=EC=8A=A4=ED=81=AC=ED=86=B1=20?=
 =?UTF-8?q?=EC=95=B1=20=ED=8C=9D=EC=97=85=EC=97=90=EC=84=9C=20=ED=8C=9D?=
 =?UTF-8?q?=EC=97=85=EC=95=88=EB=9C=A8=EB=8A=94=20=EB=AC=B8=EC=A0=9C?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.css                                 | 10 +++++-----
 frontend/src/components/IndicatorCustomTabEditor.tsx |  6 ++++--
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index e51b43b..9ec8e4d 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -1794,20 +1794,20 @@ html.desktop-client .tmb-logo-version {
 
 /* 사용자 정의 탭 편집 */
 .ind-tab-editor-overlay {
-  position: absolute;
+  position: fixed;
   inset: 0;
-  z-index: 10;
+  z-index: 2100;
   display: flex;
   align-items: center;
   justify-content: center;
+  padding: 16px;
   background: rgba(0, 0, 0, 0.55);
-  border-radius: inherit;
 }
 .ind-tab-editor {
   display: flex;
   flex-direction: column;
-  width: min(420px, calc(100% - 24px));
-  max-height: calc(100% - 24px);
+  width: min(420px, calc(100vw - 24px));
+  max-height: calc(100vh - 32px);
   background: var(--bg2);
   border: 1px solid var(--border);
   border-radius: 8px;
diff --git a/frontend/src/components/IndicatorCustomTabEditor.tsx b/frontend/src/components/IndicatorCustomTabEditor.tsx
index bfe9388..147a0a8 100644
--- a/frontend/src/components/IndicatorCustomTabEditor.tsx
+++ b/frontend/src/components/IndicatorCustomTabEditor.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useMemo, useState } from 'react';
+import ReactDOM from 'react-dom';
 import { INDICATOR_REGISTRY, type IndicatorDef } from '../utils/indicatorRegistry';
 import { MAIN_INDICATOR_LABELS } from '../utils/indicatorMainTab';
 
@@ -76,7 +77,7 @@ const IndicatorCustomTabEditor: React.FC<IndicatorCustomTabEditorProps> = ({
     onSave(trimmed, ordered);
   };
 
-  return (
+  return ReactDOM.createPortal(
     <div
       className="ind-tab-editor-overlay"
       onMouseDown={e => { if (e.target === e.currentTarget) onClose(); }}
@@ -163,7 +164,8 @@ const IndicatorCustomTabEditor: React.FC<IndicatorCustomTabEditorProps> = ({
           </button>
         </div>
       </div>
-    </div>
+    </div>,
+    document.body,
   );
 };