diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 49468536..14a0ba8d 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -401,35 +401,33 @@ export default function App() {
               📥
             </button>
           </div>
-          <div
-            className="editor-area"
-            onDragOver={(e) => e.preventDefault()}
-            onDrop={(e) =>
-              handleDrop(e, (t) =>
-                setTabs((tabs) =>
-                  tabs.map((tab) =>
-                    tab.id === active ? { ...tab, xslt: stripParamBlock(t) } : tab,
+          <Editor
+            height="100%"
+            language="xml"
+            wrapperProps={{
+              style: { flex: 1, height: "100%", minHeight: 0 },
+              onDragOver: (e) => e.preventDefault(),
+              onDrop: (e) =>
+                handleDrop(e, (t) =>
+                  setTabs((tabs) =>
+                    tabs.map((tab) =>
+                      tab.id === active ? { ...tab, xslt: stripParamBlock(t) } : tab,
+                    ),
                   ),
-                )
+                ),
+            }}
+            value={editorFocused ? activeTab.xslt : injectParamBlock(activeTab.xslt, activeTab.params)}
+            onChange={(v) =>
+              setTabs((tabs) =>
+                tabs.map((tab) =>
+                  tab.id === active ? { ...tab, xslt: stripParamBlock(v || "") } : tab,
+                ),
               )
             }
-          >
-            <Editor
-              height="100%"
-              language="xml"
-              value={editorFocused ? activeTab.xslt : injectParamBlock(activeTab.xslt, activeTab.params)}
-              onChange={(v) =>
-                setTabs((tabs) =>
-                  tabs.map((tab) =>
-                    tab.id === active ? { ...tab, xslt: stripParamBlock(v || "") } : tab,
-                  ),
-                )
-              }
-              onFocus={() => setEditorFocused(true)}
-              onBlur={() => setEditorFocused(false)}
-              options={{ minimap: { enabled: false }, automaticLayout: true }}
-            />
-          </div>
+            onFocus={() => setEditorFocused(true)}
+            onBlur={() => setEditorFocused(false)}
+            options={{ minimap: { enabled: false }, automaticLayout: true }}
+          />
         </div>
       </div>
       <div className="result" style={{ position: "relative" }}>
diff --git a/frontend/src/style.css b/frontend/src/style.css
index 5a482bb8..2bb49ee6 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -85,11 +85,6 @@ body,
   min-height: 0;
 }
 
-.editor-area {
-  flex: 1 1 auto;
-  height: 100%;
-  min-height: 0;
-}
 
 .result {
   height: 50vh;