diff --git a/packages/ui/src/elements/CodeEditor/CodeEditor.tsx b/packages/ui/src/elements/CodeEditor/CodeEditor.tsx
index e174add3a7..018c466052 100644
--- a/packages/ui/src/elements/CodeEditor/CodeEditor.tsx
+++ b/packages/ui/src/elements/CodeEditor/CodeEditor.tsx
@@ -13,11 +13,11 @@ const Editor = (EditorImport.default || EditorImport) as unknown as typeof Edito
 const baseClass = 'code-editor'
 
 const CodeEditor: React.FC<Props> = (props) => {
-  const { className, maxHeight, options, readOnly, ...rest } = props
-  const [dynamicHeight, setDynamicHeight] = useState(20)
-  const { theme } = useTheme()
+  const { className, maxHeight, minHeight, options, readOnly, ...rest } = props
+  const MIN_HEIGHT = minHeight ?? 56 // equivalent to 3 lines
 
-  const MIN_HEIGHT = 56 // equivalent to 3 lines
+  const [dynamicHeight, setDynamicHeight] = useState(MIN_HEIGHT)
+  const { theme } = useTheme()
 
   const classes = [
     baseClass,
diff --git a/packages/ui/src/elements/CodeEditor/types.ts b/packages/ui/src/elements/CodeEditor/types.ts
index 5f6e97d228..387bc05960 100644
--- a/packages/ui/src/elements/CodeEditor/types.ts
+++ b/packages/ui/src/elements/CodeEditor/types.ts
@@ -2,5 +2,9 @@ import type { EditorProps } from '@monaco-editor/react'
 
 export type Props = {
   maxHeight?: number
+  /**
+   * @default 56 (3 lines)
+   */
+  minHeight?: number
   readOnly?: boolean
 } & EditorProps