diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor.tsx b/webapp/packages/plugin-sql-editor/src/SqlEditor.tsx
index 83a0671135..4a9778d3de 100644
--- a/webapp/packages/plugin-sql-editor/src/SqlEditor.tsx
+++ b/webapp/packages/plugin-sql-editor/src/SqlEditor.tsx
@@ -41,11 +41,11 @@ export const SqlEditor = observer<Props>(function SqlEditor({ state }) {
     <Loader suspense>
       <CaptureView className={s(styles, { captureView: true })} view={sqlEditorView}>
         <Split {...splitState} split="horizontal" sticky={30}>
-          <Pane className={s(styles, { pane: true })}>
+          <Pane className={s(styles, { pane: true })} basis="50%" main>
             <SqlEditorLoader state={state} />
           </Pane>
           <ResizerControls />
-          <Pane className={s(styles, { pane: true })} basis="50%" main>
+          <Pane className={s(styles, { pane: true })}>
             <Loader suspense>
               <SqlResultTabs state={state} />
             </Loader>
diff --git a/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditor.tsx b/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditor.tsx
index 566fa1f50b..b7f7b9a034 100644
--- a/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditor.tsx
+++ b/webapp/packages/plugin-sql-editor/src/SqlEditor/SqlEditor.tsx
@@ -79,10 +79,9 @@ export const SqlEditor = observer<ISqlEditorProps>(function SqlEditor({ state, c
 
   useEffect(() => {
     if (isEditorEmpty) {
-      split.fixate('maximize', true);
+      split.state.setDisable(true);
     } else if (split.state.disable) {
-      split.fixate('resize', false);
-      split.state.setSize(-1);
+      split.state.setDisable(false);
     }
   }, [isEditorEmpty]);