diff --git a/client/src/app/+admin/config/edit-custom-config/edit-advanced-configuration.component.html b/client/src/app/+admin/config/edit-custom-config/edit-advanced-configuration.component.html
index 9701e7f85..20cbcec02 100644
--- a/client/src/app/+admin/config/edit-custom-config/edit-advanced-configuration.component.html
+++ b/client/src/app/+admin/config/edit-custom-config/edit-advanced-configuration.component.html
@@ -94,7 +94,7 @@
             </my-help>
 
             <textarea
-              id="customizationJavascript" formControlName="javascript" class="form-control"
+              id="customizationJavascript" formControlName="javascript" class="form-control" dir="ltr"
               [ngClass]="{ 'input-error': formErrors['instance.customizations.javascript'] }"
             ></textarea>
 
@@ -124,7 +124,7 @@ color: red;
             </my-help>
 
             <textarea
-              id="customizationCSS" formControlName="css" class="form-control"
+              id="customizationCSS" formControlName="css" class="form-control" dir="ltr"
               [ngClass]="{ 'input-error': formErrors['instance.customizations.css'] }"
             ></textarea>
             <div *ngIf="formErrors.instance.customizations.css" class="form-error">{{ formErrors.instance.customizations.css }}</div>
diff --git a/client/src/app/+admin/config/edit-custom-config/edit-homepage.component.html b/client/src/app/+admin/config/edit-custom-config/edit-homepage.component.html
index fd009367f..91f3afd10 100644
--- a/client/src/app/+admin/config/edit-custom-config/edit-homepage.component.html
+++ b/client/src/app/+admin/config/edit-custom-config/edit-homepage.component.html
@@ -19,6 +19,7 @@
             name="instanceCustomHomepageContent" formControlName="content"
             [customMarkdownRenderer]="getCustomMarkdownRenderer()" [debounceTime]="500"
             [formError]="formErrors['instanceCustomHomepage.content']"
+            dir="ltr"
           ></my-markdown-textarea>
 
           <div *ngIf="formErrors.instanceCustomHomepage.content" class="form-error">{{ formErrors.instanceCustomHomepage.content }}</div>
diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.html b/client/src/app/shared/shared-forms/markdown-textarea.component.html
index 5d355a6d8..63dcdc597 100644
--- a/client/src/app/shared/shared-forms/markdown-textarea.component.html
+++ b/client/src/app/shared/shared-forms/markdown-textarea.component.html
@@ -4,7 +4,7 @@
     [(ngModel)]="content" (ngModelChange)="onModelChange()"
     class="form-control" [ngClass]="{ 'input-error': formError }"
     [attr.disabled]="disabled || null"
-    [id]="name" [name]="name">
+    [id]="name" [name]="name" [dir]="dir">
   </textarea>
 
   <div ngbNav #nav="ngbNav" class="nav-pills nav-preview">
diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.ts b/client/src/app/shared/shared-forms/markdown-textarea.component.ts
index 7e2d3e4f4..036fab3d9 100644
--- a/client/src/app/shared/shared-forms/markdown-textarea.component.ts
+++ b/client/src/app/shared/shared-forms/markdown-textarea.component.ts
@@ -37,6 +37,8 @@ export class MarkdownTextareaComponent implements ControlValueAccessor, OnInit {
 
   @Input() name = 'description'
 
+  @Input() dir: string
+
   @ViewChild('textarea') textareaElement: ElementRef
   @ViewChild('previewElement') previewElement: ElementRef