diff --git a/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.scss b/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.scss
index 442da9aaf..16c349dd9 100644
--- a/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.scss
+++ b/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.scss
@@ -9,18 +9,10 @@
   left: 0;
   top: 0;
   width: 100%;
-  max-width: 100%;
-  min-height: 130px;
-  max-height: 200px !important;
+  height: 100%;
+  max-height: 100% !important;
   margin: 0;
   padding: 0;
-  --tw-border-opacity: 1;
-  border: 1px solid rgb(209 213 219 / var(--tw-border-opacity));
-  -moz-appearance: textfield-multiline;
-  -webkit-appearance: textarea;
-  overflow: auto;
-  resize: both;
-  min-width: 100%;
 }
 
 .monaco-editor {
diff --git a/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.tsx b/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.tsx
index a057e0331..a2e9867d6 100644
--- a/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.tsx
+++ b/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.tsx
@@ -213,9 +213,9 @@ export class MonacoEditor {
     const padding = this.padding || 'pt-1.5 pl-1';
     return (
       <Host
-        class="monaco-editor-host focus:ring-blue-500 focus:border-blue-500 block w-full min-w-0 sm:text-sm border-gray-300 p-4"
+        class="monaco-editor-host border focus:ring-blue-500 focus:border-blue-500 block w-full min-w-0 rounded-md sm:text-sm border-gray-300 p-4"
         style={{'min-height': this.editorHeight}}>
-        <div ref={el => this.container = el} class={`rounded-md monaco-editor-container ${padding}`}/>
+        <div ref={el => this.container = el} class={`monaco-editor-container ${padding}`}/>
       </Host>
     )
   }