diff --git a/public/src/modules/chat.js b/public/src/modules/chat.js
index 64b632f24d..cddf3a0c22 100644
--- a/public/src/modules/chat.js
+++ b/public/src/modules/chat.js
@@ -92,7 +92,6 @@ define(['taskbar', 'string'], function(taskbar, S) {
 
 	module.center = function(chatModal) {
 		chatModal.css("position", "fixed");
-		chatModal.css("top", "100px");
 		chatModal.css("left", Math.max(0, (($(window).width() - $(chatModal).outerWidth()) / 2) + $(window).scrollLeft()) + "px");
 		return chatModal;
 	}
diff --git a/public/templates/footer.tpl b/public/templates/footer.tpl
index 4434336ed8..24e12add51 100644
--- a/public/templates/footer.tpl
+++ b/public/templates/footer.tpl
@@ -2,12 +2,12 @@
 
 	</div><!--END container -->
 
-	<div id="chat-modal" class="modal chat-modal" tabindex="-1" role="dialog" aria-labelledby="Chat" aria-hidden="true" data-backdrop="none">
+	<div id="chat-modal" class="modal chat-modal col-lg-12 col-md-12" tabindex="-1" role="dialog" aria-labelledby="Chat" aria-hidden="true" data-backdrop="none">
 		<div class="modal-dialog">
 			<div class="modal-content">
 				<div class="modal-header">
 					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-					<h3 id="myModalLabel">[[footer:chat.chatting_with]]</h3>
+					<h4 id="myModalLabel">[[footer:chat.chatting_with]]</h4>
 				</div>
 				<div class="modal-body">
 					<textarea class="form-control" id="chat-content" cols="40" rows="10" readonly></textarea><br/>