diff --git a/mail/templates/mobile/app.css b/mail/templates/mobile/app.css
index 996348b5fb..fc18309b10 100644
--- a/mail/templates/mobile/app.css
+++ b/mail/templates/mobile/app.css
@@ -155,6 +155,10 @@
     border: none;
     box-shadow: none;
   }
+  body #mail-compose .mailComposeBodySection,
+  body #mail-compose .mailComposeBodySection .mailComposeBody {
+    height: calc(100% - 180px);
+  }
   body #mail-compose .mailComposeHeaderSection > table {
     padding: 0;
   }
diff --git a/mail/templates/mobile/app.less b/mail/templates/mobile/app.less
index 23b62c6c78..7ea2918569 100644
--- a/mail/templates/mobile/app.less
+++ b/mail/templates/mobile/app.less
@@ -171,6 +171,9 @@
 				border:none;
 				box-shadow: none;
 			}
+			.mailComposeBodySection, .mailComposeBodySection .mailComposeBody{
+				height: ~"calc(100% - 180px)";
+			}
 			.mailComposeHeaderSection > table {
 				padding: 0;
 				tr.mailComposeHeaders.subjectContainer td:first-child::after {