diff --git a/frontend/src/components/SqlEditor.tsx b/frontend/src/components/SqlEditor.tsx
index 88a0819..2d9c10e 100644
--- a/frontend/src/components/SqlEditor.tsx
+++ b/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 || '')}
diff --git a/frontend/src/pages/SqlInterface.tsx b/frontend/src/pages/SqlInterface.tsx
index e891eb3..cd26278 100644
--- a/frontend/src/pages/SqlInterface.tsx
+++ b/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>