diff --git a/src/app/editor/string-field/string-field.component.css b/src/app/editor/string-field/string-field.component.css
index c7acb4b..4069e5c 100644
--- a/src/app/editor/string-field/string-field.component.css
+++ b/src/app/editor/string-field/string-field.component.css
@@ -1,3 +1,7 @@
 mat-form-field {
   width: 100%;
 }
+
+ngx-monaco-editor {
+  min-height: 400px;
+}
diff --git a/src/app/editor/string-field/string-field.component.ts b/src/app/editor/string-field/string-field.component.ts
index eba7b12..7a0c074 100644
--- a/src/app/editor/string-field/string-field.component.ts
+++ b/src/app/editor/string-field/string-field.component.ts
@@ -30,12 +30,15 @@ import { MonacoEditorModule } from 'ngx-monaco-editor-v2';
         [(ngModel)]="value"
         [maxlength]="configuration().maxLength ?? null"
       />
-      <mat-hint *ngIf="text.hasError('maxlength')"
+      @if(text.hasError('maxlength')) {
+      <mat-hint
         >Text should be less than
         {{ configuration().maxLength }} characters</mat-hint
       >
+      }
     </mat-form-field>
     } @else {
+    <h2>{{ label() }}</h2>
     <ngx-monaco-editor
       [(ngModel)]="value"
       [options]="editorOptions"