modified: frontend/src/components/SqlEditor.tsx

modified:   frontend/src/pages/SqlInterface.tsx

frontend/src/components/SqlEditor.tsx

@@ -124,9 +124,9 @@ export default function SqlEditor({ value, onChange, databaseId, height = '400px
   };
 
   return (
-    <div className="border border-gray-300 rounded-lg overflow-hidden">
+    <div className="border border-gray-300 rounded-lg overflow-hidden h-full">
       <Editor
-        height={height}
+        height="100%"
         defaultLanguage="sql"
         value={value}
         onChange={(value) => onChange(value || '')}

frontend/src/pages/SqlInterface.tsx

@@ -319,14 +319,13 @@ export default function SqlInterface() {
       <div ref={containerRef} className="flex-1 flex flex-col min-h-0 relative">
         {/* SQL Editor */}
         <div
-          className="overflow-hidden"
+          className="min-h-0"
           style={{ height: `${state.splitPosition}%` }}
         >
           <SqlEditor
             value={activeTab?.query || ''}
             onChange={(value) => updateTab(activeTab.id, { query: value })}
             databaseId={activeTab?.databaseId}
-            height="100%"
           />
         </div>