diff --git a/app/templates/index.html b/app/templates/index.html
index eb14b42..fe5ac16 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -135,7 +135,7 @@
 								<label for="textarea1" class="sr-only">
 									Text to translate
 								</label>								
-								<textarea id="textarea1" v-model="inputText" @input="handleInput" ref="inputTextarea"></textarea>
+								<textarea id="textarea1" v-model="inputText" @input="handleInput" ref="inputTextarea" dir="auto"></textarea>
 								<button class="btn-delete-text" title="Delete text" @click="deleteText">
 									<i class="material-icons">close</i>
 								</button>							
@@ -148,7 +148,7 @@
 								<label for="textarea2" class="sr-only">
 									Translated text
 								</label>									
-								<textarea id="textarea2" v-model="translatedText" ref="translatedTextarea" readonly></textarea>
+								<textarea id="textarea2" v-model="translatedText" ref="translatedTextarea" dir="auto" readonly></textarea>
 								<button class="btn-copy-translated" @click="copyText">
 									<span>[[ copyTextLabel ]]</span> <i class="material-icons">content_copy</i>
 								</button>