diff --git a/src/client/ui/templates/messages/mobile.js b/src/client/ui/templates/messages/mobile.js
index 69fa0a79..b404e20d 100644
--- a/src/client/ui/templates/messages/mobile.js
+++ b/src/client/ui/templates/messages/mobile.js
@@ -7,8 +7,10 @@ define([
 		renderKeyboard: function () {
 			this.find('.keyboard').remove();
 
+			let mainContainer = this.find('.main');
+
 			let container = $('<div class="keyboard"></div>')
-				.appendTo(this.el);
+				.appendTo(mainContainer);
 
 			let keyboard = {
 				0: 'qwertyuiop|asdfghjkl|zxcvbnm',
diff --git a/src/client/ui/templates/messages/styles.less b/src/client/ui/templates/messages/styles.less
index 6334ab13..96818e44 100644
--- a/src/client/ui/templates/messages/styles.less
+++ b/src/client/ui/templates/messages/styles.less
@@ -318,13 +318,20 @@
 	&.typing {
 		left: 0px;
 		top: 0px;
-		width: 100%;
-		height: 100%;
+		width: 100vw;
+		height: 100vh;
 		background-color: fade(@blackC, 90%);
 		display: flex;
 		flex-direction: column;
 		z-index: 999999998;
 
+		.main {
+			display: flex;
+			flex-direction: column;
+			flex-grow: 1;
+			min-height: 0px;
+		}
+
 		.channelPicker {
 			display: none;
 		}