diff --git a/client/src/app/site/config/components/config-field/config-field.component.html b/client/src/app/site/config/components/config-field/config-field.component.html
index 8e5e2c63e..f0bb07ce2 100644
--- a/client/src/app/site/config/components/config-field/config-field.component.html
+++ b/client/src/app/site/config/components/config-field/config-field.component.html
@@ -51,11 +51,19 @@
 
             <div class="config-form-group" *ngIf="isExcludedType(configItem.inputType)">
                 <div *ngIf="configItem.inputType === 'boolean'">
-                    <mat-checkbox formControlName="value"> {{ configItem.label | translate }} </mat-checkbox>
+                    <mat-checkbox formControlName="value">{{ configItem.label | translate }}</mat-checkbox>
                     <div class="hint" *ngIf="configItem.helpText && !error">{{ configItem.helpText | translate }}</div>
                     <div class="error" *ngIf="error">{{ error }}</div>
                 </div>
 
+                <!-- textarea -->
+                <div *ngIf="configItem.inputType === 'text'">
+                    <mat-form-field>
+                        <textarea rows="10" matInput placeholder="{{ configItem.label | translate }}" [value]="translatedValue"></textarea>
+                        <div class="hint" *ngIf="configItem.helpText && !error">{{ configItem.helpText | translate }}</div>
+                    </mat-form-field>
+                </div>
+
                 <!-- The editor -->
                 <div *ngIf="configItem.inputType === 'markupText'">
                     <h4>{{ configItem.label | translate }}</h4>
diff --git a/client/src/app/site/config/components/config-field/config-field.component.ts b/client/src/app/site/config/components/config-field/config-field.component.ts
index 72a95c180..f76af3824 100644
--- a/client/src/app/site/config/components/config-field/config-field.component.ts
+++ b/client/src/app/site/config/components/config-field/config-field.component.ts
@@ -102,7 +102,11 @@ export class ConfigFieldComponent extends BaseComponent implements OnInit {
         });
 
         this.translatedValue = this.configItem.value;
-        if (this.configItem.inputType === 'string' || this.configItem.inputType === 'markupText') {
+        if (
+            this.configItem.inputType === 'string' ||
+            this.configItem.inputType === 'markupText' ||
+            this.configItem.inputType === 'text'
+        ) {
             if (typeof this.configItem.value === 'string' && this.configItem.value !== '') {
                 this.translatedValue = this.translate.instant(this.configItem.value);
             }
@@ -207,7 +211,7 @@ export class ConfigFieldComponent extends BaseComponent implements OnInit {
      * @returns wheather it should be excluded or not
      */
     public isExcludedType(type: string): boolean {
-        const excluded = ['boolean', 'markupText'];
+        const excluded = ['boolean', 'markupText', 'text'];
         return excluded.includes(type);
     }
 }