diff --git a/frontend/src/components/SqlEditor.tsx b/frontend/src/components/SqlEditor.tsx
index 2d9c10e..94156ed 100644
--- a/frontend/src/components/SqlEditor.tsx
+++ b/frontend/src/components/SqlEditor.tsx
@@ -50,7 +50,7 @@ const getCachedTables = async (databaseId: string): Promise<string[]> => {
 let completionProviderRegistered = false;
 let currentDatabaseId: string | undefined;
 
-export default function SqlEditor({ value, onChange, databaseId, height = '400px' }: SqlEditorProps) {
+export default function SqlEditor({ value, onChange, databaseId, height }: SqlEditorProps) {
   const editorRef = useRef<any>(null);
   const monacoRef = useRef<Monaco | null>(null);
 
@@ -124,7 +124,7 @@ export default function SqlEditor({ value, onChange, databaseId, height = '400px
   };
 
   return (
-    <div className="border border-gray-300 rounded-lg overflow-hidden h-full">
+    <div className="border border-gray-300 rounded-lg overflow-hidden" style={{ height: height || '100%' }}>
       <Editor
         height="100%"
         defaultLanguage="sql"