diff --git a/libretranslate/templates/index.html b/libretranslate/templates/index.html
index 0e8b1cd..cbfe4f5 100644
--- a/libretranslate/templates/index.html
+++ b/libretranslate/templates/index.html
@@ -205,7 +205,7 @@
 						</div>
 
 						<div class="row" v-if="translationType === 'text'">
-							<div class="input-field textarea-container col s6">
+							<div class="input-field textarea-container col s12 m6">
 								<label for="textarea1" class="sr-only">
 									{{ _h("Text to translate") }}
 								</label>
@@ -217,7 +217,7 @@
 									<label>[[ inputText.length ]] / [[ charactersLimit ]]</label>
 								</div>
 							</div>
-							<div class="input-field textarea-container col s6">
+							<div class="input-field textarea-container col s12 m6">
 								<label for="textarea2" class="sr-only">
 									{{ _h("Translated text") }}
 								</label>