diff --git a/src/components/Base/CodeEditor/index.jsx b/src/components/Base/CodeEditor/index.jsx
index 4e071a0dfe4..b7907338061 100644
--- a/src/components/Base/CodeEditor/index.jsx
+++ b/src/components/Base/CodeEditor/index.jsx
@@ -41,7 +41,7 @@ class CodeEditor extends PureComponent {
   }
 
   static defaultProps = {
-    value: {},
+    value: '',
     mode: 'yaml',
     options: {},
     onChange() {},
@@ -49,7 +49,6 @@ class CodeEditor extends PureComponent {
 
   render() {
     const { className, mode, options, value, onChange } = this.props
-
     return (
       <Suspense fallback={<Loading className="ks-page-loading" />}>
         <AceEditor
diff --git a/src/pages/devops/components/Pipeline/StepModals/params.jsx b/src/pages/devops/components/Pipeline/StepModals/params.jsx
index a389e22b984..6a9e4dd8ff8 100644
--- a/src/pages/devops/components/Pipeline/StepModals/params.jsx
+++ b/src/pages/devops/components/Pipeline/StepModals/params.jsx
@@ -182,6 +182,9 @@ export default class Params extends React.Component {
       formData = parseWithCredientialData(edittingData)
     } else if (codeKey) {
       value = (Array.isArray(data) ? data[0]?.value?.value : data.value) || ''
+      formData = {
+        [codeKey]: value,
+      }
     } else if (Array.isArray(data)) {
       formData = data.reduce((prev, arg) => {
         const val = arg.value.value
@@ -305,14 +308,16 @@ export default class Params extends React.Component {
         )
       case 'code':
         return (
-          <CodeEditor
-            key={option.name}
-            className={styles.CodeEditor}
-            name="script"
-            mode="yaml"
-            value={this.state.value}
-            onChange={this.handleCodeEditorChange(option.name)}
-          />
+          <Form.Item {...formProps} label={null}>
+            <CodeEditor
+              key={option.name}
+              className={styles.CodeEditor}
+              name={option.name}
+              mode="yaml"
+              // value={this.state.value}
+              // onChange={this.handleCodeEditorChange(option.name)}
+            />
+          </Form.Item>
         )
       case 'bool':
         return (