diff --git a/main/chat/chat.php b/main/chat/chat.php
index 2a4c207503..c266b705eb 100755
--- a/main/chat/chat.php
+++ b/main/chat/chat.php
@@ -78,9 +78,9 @@ if (empty($open_chat_window)) {
 $url = api_get_path(WEB_CODE_PATH).'chat/';
 
 echo '<div class="page-chat">';
-echo '<iframe src="'.$url.'chat_whoisonline.php?cidReq='.$cidreq.'" name="chat_whoisonline" scrolling="no" style="height:500px; width:35%; border: 0px none; float:left"></iframe>';
+echo '<iframe src="'.$url.'chat_whoisonline.php?cidReq='.$cidreq.'" name="chat_whoisonline" scrolling="no" style="height:550px; width:35%; border: 0px none; float:left"></iframe>';
 echo '<iframe src="'.$url.'chat_chat.php?origin='.$origin.'&target='.$target.'&amp;cidReq='.$cidreq.'" name="chat_chat" id="chat_chat" scrolling="auto" height="380" style="width:65%; border: 0px none; float:right"></iframe>';
-echo '<iframe src="'.$url.'chat_message.php?cidReq='.$cidreq.'" name="chat_message" scrolling="no" height="260px" style="width:65%; border: 0px none; float:right"></iframe>';
+echo '<iframe src="'.$url.'chat_message.php?cidReq='.$cidreq.'" name="chat_message" scrolling="no" height="182px" style="width:65%; border: 0px none; float:right"></iframe>';
 echo '<iframe src="'.$url.'chat_hidden.php?cidReq='.$cidreq.'" name="chat_hidden" height="0" style="border: 0px none"></iframe>';
 echo '</div>';
 
diff --git a/main/css/chat.css b/main/css/chat.css
index 02495159c0..beabe33253 100755
--- a/main/css/chat.css
+++ b/main/css/chat.css
@@ -8,14 +8,13 @@ body{
 }
 .page-chat{
 	padding: 10px;
-	background: #e5e5e5; /* Old browsers */
-	background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 99%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(99%,#ffffff)); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 99%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 99%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 99%); /* IE10+ */
-	background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 99%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
+	background:#ffffff;
+}
+.message-form-chat .nav{
+  margin-bottom: 0;
+}
+.message-form-chat .nav-tabs .active a{
+  background-color: #f6f6f6;
 }
 #clear-chat{
 	width:140px;
@@ -176,7 +175,10 @@ textarea {
 .list-group-item {
   position: relative;
   display: block;
-  padding: 10px 15px;
+  padding-top: 5px;
+  padding-bottom: 10px;
+  padding-left: 10px;
+  padding-right: 10px;
   margin-bottom: -1px;
   background-color: #EEEEEE;
   border: 1px solid #E2E2E2;
@@ -185,7 +187,10 @@ textarea {
 	border-radius: 10px;
 	color: #666;
 }
-
+.user-connected{
+  border-right: 1px dashed #cccccc;
+  margin-right: 5px;
+}
 li.list-group-item:hover, li.list-group-item:focus {
   text-decoration: none;
   background-color: #E2E2E2;
@@ -211,7 +216,8 @@ li.list-group-item:hover a{
 
 #user-online-scroll .viewport {
     width: 260px;
-    height: 450px;
+    height: 550px;
+    min-height: 550px;
     overflow: hidden;
     position: relative;
     padding-left: 8px;
@@ -328,7 +334,7 @@ li.list-group-item:hover a{
 .emoji-wysiwyg-editor {
     width: 454px;
     padding: 3%;
-    height: 100px;
+    height: 50px;
     float: left;
     border: 0;
     background-color: #ffffff;