diff --git a/mod/chat/gui_ajax/theme/bubble/chat.css b/mod/chat/gui_ajax/theme/bubble/chat.css
index ee224b0..ab10f38 100644
--- a/mod/chat/gui_ajax/theme/bubble/chat.css
+++ b/mod/chat/gui_ajax/theme/bubble/chat.css
@@ -10,7 +10,7 @@
 
 #chat-messages {padding-top:15px;}
 
-#input-message {background:#FFFFFF url(input.png) repeat-x scroll 0 0;padding:0 9px;border: 1px solid #999;border-radius: 9px;-moz-border-radius: 9px;}
+#input-message {background:#FFFFFF url(input.png) repeat-x scroll 0 0;padding:0 9px;border: 1px solid #999; border-radius: 9px;-moz-border-radius: 9px; width: 80%; padding: 8px;}
 .mdl-chat-entry,
 .mdl-chat-my-entry {clear:both;}
 .dir-rtl .mdl-chat-entry,
@@ -28,7 +28,7 @@
 
 #chat-input-area,
 #chat-input-area table.generaltable,
-#chat-input-area table.generaltable td.cell {background: #92B3E8;border: 0; height:100%;}
+#chat-input-area table.generaltable td.cell {background: #92B3E8;border: 0; height:100%; width: 100%;}
 #chat-userlist {background: #E3E8F0;height: 100%;}
 
 /**
diff --git a/mod/chat/gui_ajax/theme/compact/chat.css b/mod/chat/gui_ajax/theme/compact/chat.css
index 9af0579..32cd374 100644
--- a/mod/chat/gui_ajax/theme/compact/chat.css
+++ b/mod/chat/gui_ajax/theme/compact/chat.css
@@ -11,6 +11,8 @@
 #input-message {
     background:#FFFFFF url(input.png) repeat-x scroll 0 0;
     border: 1px solid #999;
+    width: 80%;
+    padding: 8px;
 }
 
 .mdl-chat-entry .meta {
@@ -55,6 +57,7 @@
     margin: 0;
     padding: 2px;
     height:100%;
+    width: 100%;
 }
 #chat-userlist {
     background: #E3E8F0;
diff --git a/theme/bootstrapbase/less/moodle/chat.less b/theme/bootstrapbase/less/moodle/chat.less
index e87a860..ee33e88 100644
--- a/theme/bootstrapbase/less/moodle/chat.less
+++ b/theme/bootstrapbase/less/moodle/chat.less
@@ -25,7 +25,7 @@
         input {
             margin: 0 10px;
             &#input-message {
-                width: 45%;
+                width: 80%;
                 margin: auto;
             }
         }