diff --git a/packages/dashboard/app/components/WorkflowNodeEditor.css b/packages/dashboard/app/components/WorkflowNodeEditor.css
index 91b5709e7b..edc2085f6e 100644
--- a/packages/dashboard/app/components/WorkflowNodeEditor.css
+++ b/packages/dashboard/app/components/WorkflowNodeEditor.css
@@ -1398,7 +1398,8 @@
   .wf-editor-body--editor-stage .wf-editor-inspector {
     width: 100%;
     min-width: 0;
-    max-height: 45vh;
+    flex: 1 1 auto;
+    min-height: 0;
     border-left: none;
     border-top: 1px solid var(--border);
     overflow-y: auto;
diff --git a/packages/dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts b/packages/dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts
index 06611744c9..17605ecdf0 100644
--- a/packages/dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts
+++ b/packages/dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts
@@ -96,7 +96,8 @@ describe("WorkflowNodeEditor mobile CSS contract", () => {
 
     const inspectorRule = findRule(mobileBlocks, /\.wf-editor-body--editor-stage \.wf-editor-inspector\s*\{[^}]*\}/);
     expect(inspectorRule).toMatch(/width\s*:\s*100%\s*;/);
-    expect(inspectorRule).toMatch(/max-height\s*:\s*45vh\s*;/);
+    expect(inspectorRule).toMatch(/flex\s*:\s*1 1 auto\s*;/);
+    expect(inspectorRule).toMatch(/min-height\s*:\s*0\s*;/);
 
     const collapsedToggleRule = findRule([editorCss], /\.wf-inspector-toggle--collapsed\s*\{[^}]*\}/);
     expect(collapsedToggleRule).toMatch(/position\s*:\s*absolute\s*;/);