diff --git a/bigbluebutton-html5/app/client/globals.coffee b/bigbluebutton-html5/app/client/globals.coffee
index 766906ff0b0db52fc1a0b9d7d4105a19ecacda4b..02efed291015059037ab00e08638a816798b9d50 100755
--- a/bigbluebutton-html5/app/client/globals.coffee
+++ b/bigbluebutton-html5/app/client/globals.coffee
@@ -104,7 +104,7 @@ Handlebars.registerHelper "getUsersInMeeting", ->
   raised.concat lowered
 
 Handlebars.registerHelper "getWhiteboardTitle", ->
-  "Presentation: " + (getPresentationFilename() or "Loading...")
+  (getPresentationFilename() or "Loading presentaion...")
 
 Handlebars.registerHelper "isCurrentUser", (userId) ->
   userId is null or userId is BBB.getCurrentUser()?.userId
diff --git a/bigbluebutton-html5/app/client/main.html b/bigbluebutton-html5/app/client/main.html
index aa5828201191b56ad85513d7f558cb5f01e0b71c..ad2a2381ba406068446601955e6a8d6642eca8e0 100755
--- a/bigbluebutton-html5/app/client/main.html
+++ b/bigbluebutton-html5/app/client/main.html
@@ -36,9 +36,9 @@
 
             <!-- display/hide whiteboard toggle -->
             {{#if getInSession "display_whiteboard"}}
-              {{> makeButton btn_class="navbarIconToggleActive whiteboardIcon navbarButton collapseSectionButton" i_class="glyphicon glyphicon-pencil" rel="tooltip" data_placement="bottom" title="Hide Whiteboard"}}
+              {{> makeButton btn_class="navbarIconToggleActive whiteboardIcon navbarButton collapseSectionButton" i_class="ion-easel" rel="tooltip" data_placement="bottom" title="Hide Whiteboard"}}
             {{else}}
-              {{> makeButton btn_class="whiteboardIcon navbarButton collapseSectionButton" i_class="glyphicon glyphicon-pencil" rel="tooltip" data_placement="bottom" title="Show Whiteboard"}}
+              {{> makeButton btn_class="whiteboardIcon navbarButton collapseSectionButton" i_class="ion-easel" rel="tooltip" data_placement="bottom" title="Show Whiteboard"}}
             {{/if}}
 
             <!-- display/hide chat bar toggle -->
@@ -116,7 +116,7 @@
     {{else}}
       <div>{{> header}}</div>
       {{> whiteboard id="whiteboard" title=getWhiteboardTitle name="whiteboard"}}
-      {{> chatbar id="chat" title="Chat" name="chatbar"}}
+      {{> chatbar id="chat" name="chatbar"}}
       {{> usersList id="users" name="usersList"}}
       <audio id="remote-media" autoplay="autoplay"></audio>
       {{> footer}}
@@ -146,9 +146,9 @@
   <div class="sliding-menu" id="sliding-menu">
     <div class="slideSection">
       {{#if getInSession "display_whiteboard"}}
-        {{> makeButton btn_class="navbarIconToggleActive whiteboardIcon slideButton" i_class="glyphicon glyphicon-pencil" rel="tooltip" data_placement="right" title="Hide Whiteboard"}}
+        {{> makeButton btn_class="navbarIconToggleActive whiteboardIcon slideButton" i_class="ion-easel" rel="tooltip" data_placement="right" title="Hide Whiteboard"}}
       {{else}}
-        {{> makeButton btn_class="whiteboardIcon slideButton" i_class="glyphicon glyphicon-pencil" rel="tooltip" data_placement="right" title="Show Whiteboard"}}
+        {{> makeButton btn_class="whiteboardIcon slideButton" i_class="ion-easel" rel="tooltip" data_placement="right" title="Show Whiteboard"}}
       {{/if}}
 
       {{#if getInSession "display_chatbar"}}
diff --git a/bigbluebutton-html5/app/client/stylesheets/chat.less b/bigbluebutton-html5/app/client/stylesheets/chat.less
index 1ee07825ecd5ca74076ed64d77072ac86eed4315..c74b65460f565a4332322297f6414df8bf0e7e9a 100755
--- a/bigbluebutton-html5/app/client/stylesheets/chat.less
+++ b/bigbluebutton-html5/app/client/stylesheets/chat.less
@@ -1,9 +1,9 @@
 @import "variables";
 
 .active {
-  border: .2vh solid extract(@azure, 2) !important;
+  border: .2vh solid !important;
   @media @mobile-portrait-with-keyboard, @mobile-portrait {
-    border-left: .1vh solid extract(@azure, 2) !important;
+    border-left: .1vh solid !important;
   }
 }
 
@@ -76,6 +76,18 @@
 .chatNameSelectorPrivate {
   .chatNameSelector;
   width:90%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  @media @landscape {
+    height: 20px;
+  }
+  @media @desktop-portrait {
+    height: 25px;
+  }
+  @media @mobile-portrait, @mobile-portrait-with-keyboard {
+    font-size: 4vw;
+  }
 }
 
 .chatNameSelectorPublic {
@@ -285,7 +297,7 @@
 
   &:hover {
     background-color: #ddd;
-    border: 1px solid extract(@azure, 2);
+    border: 1px solid;
     border-bottom: none;
   }
 }
diff --git a/bigbluebutton-html5/app/client/stylesheets/style.less b/bigbluebutton-html5/app/client/stylesheets/style.less
index 9a86b20aa9b5cf01b6e16796d98ac8dca2997667..e734fa7d5b76905353e61b8906b7f59131b063e1 100755
--- a/bigbluebutton-html5/app/client/stylesheets/style.less
+++ b/bigbluebutton-html5/app/client/stylesheets/style.less
@@ -41,6 +41,10 @@ body {
   overflow-x: hidden;
 }
 
+.heading {
+  margin-left:5px 
+}
+
 .mainContainer {
   height: 95%;
 }
@@ -50,6 +54,7 @@ body {
   color: black;
   padding-top: 13px;
   text-align: center;
+  background-color: #EEEEEE;
   @media @landscape {
     position:fixed;
     bottom:0;
@@ -83,8 +88,6 @@ body {
   }
   .btn {
     .linear-gradient(rgb(72,76,85), rgb(65,68,77));
-    border-left: 1px solid extract(@darkGrey, 2);
-    border-right: 1px solid extract(@darkGrey, 4);
     &.navbarIconToggleActive {
       background: extract(@darkGrey, 3);
       border-bottom: 4px solid extract(@azure, 1);
@@ -214,7 +217,7 @@ body {
     display: block;
     float: left;
     &:hover {
-      background: extract(@darkGrey, 3);
+      background: extract(@darkGrey, 4);
     }
   }
   @media @landscape {
@@ -223,7 +226,7 @@ body {
 }
 
 .navbarSettingsButtons .btn:hover {
-  background: extract(@darkGrey, 3);
+  background: extract(@darkGrey, 4);
 }
 
 .panel-footer {
@@ -446,7 +449,7 @@ body {
   }
 }
 
-.glyphicon, .ion-android-hand {
+.glyphicon, .ion-android-hand, .ion-easel {
   @media @mobile-portrait-with-keyboard, @mobile-portrait {
     font-size: 35px;
   }
@@ -534,8 +537,6 @@ body {
     }
     .btn {
       .linear-gradient(rgb(72,76,85), rgb(65,68,77));
-      border-left: 1px solid extract(@darkGrey, 2);
-      border-right: 1px solid extract(@darkGrey, 4);
       &.navbarIconToggleActive {
         background: extract(@darkGrey, 3);
         border-bottom: 4px solid extract(@azure, 1);
diff --git a/bigbluebutton-html5/app/client/stylesheets/users.less b/bigbluebutton-html5/app/client/stylesheets/users.less
index 874b7f5634efc20f4084ea1dd81c326453015c7f..9095fb7eefad5532190063d31c0cf9459288b80d 100755
--- a/bigbluebutton-html5/app/client/stylesheets/users.less
+++ b/bigbluebutton-html5/app/client/stylesheets/users.less
@@ -2,6 +2,9 @@
 
 #content {
   margin-top: 10px;
+  &:first-child {
+    margin-top: 0px;
+  }
   overflow: hidden;
   width: 100%;
   @media @mobile-portrait, @mobile-portrait-with-keyboard {
diff --git a/bigbluebutton-html5/app/client/views/chat/chat_bar.html b/bigbluebutton-html5/app/client/views/chat/chat_bar.html
index c99e4d04272a7bd0ff4227c5a59fa1245dba2bc5..bc09fca5564e03ec7de5c7e71ae4e69a4dd99330 100755
--- a/bigbluebutton-html5/app/client/views/chat/chat_bar.html
+++ b/bigbluebutton-html5/app/client/views/chat/chat_bar.html
@@ -1,7 +1,7 @@
 <template name="chatbar">
     <div id="{{id}}" {{visibility name}} class="component">
         <h3 class="title gradientBar">
-        <span class="glyphicon glyphicon-comment"></span>
+        <span class="glyphicon glyphicon-comment heading"></span>
         {{title}}
         {{> extraConversations}}
         </h3>
@@ -29,7 +29,7 @@
 <template name="chatInput">
 	<div id="chatInput" class="chat-input-wrapper">
 		<textarea id="newMessageInput" placeholder="Write a message..." rel="tooltip" data-placement="top" title="Write a new message"></textarea>
-		<button type="submit" id="sendMessageButton" class="btn" rel="tooltip" data-placement="top" title="Click to send your message">
+		<button type="submit" id="sendMessageButton" class="btn" rel="tooltip" data-placement="top">
 		Send
 		</button>
 	</div>
diff --git a/bigbluebutton-html5/app/client/views/users/user_list.coffee b/bigbluebutton-html5/app/client/views/users/user_list.coffee
index 96d0fbcb2c217db88bb21c2d005db624d661d49a..c6484a6b63abe76010164e3a43bcaa86b6111c1a 100755
--- a/bigbluebutton-html5/app/client/views/users/user_list.coffee
+++ b/bigbluebutton-html5/app/client/views/users/user_list.coffee
@@ -1,3 +1,6 @@
 Template.usersList.helpers
-  getMeetingSize: -> # Retreieve the number of users in the chat, or "error" string
-    return Meteor.Users.find().count()
+  getInfoNumberOfUsers: ->
+    numberUsers = Meteor.Users.find().count()
+    if numberUsers > 8
+      return "Users: #{numberUsers}"
+    # do not display the label if there are just a few users
diff --git a/bigbluebutton-html5/app/client/views/users/users_list.html b/bigbluebutton-html5/app/client/views/users/users_list.html
index 4c9ec13d958026fe1269a87fe9da648bb1acca1d..b245379dcb5835005c52e4d7a99f976ed5108fc1 100755
--- a/bigbluebutton-html5/app/client/views/users/users_list.html
+++ b/bigbluebutton-html5/app/client/views/users/users_list.html
@@ -1,6 +1,6 @@
 <template name="usersList">
 	<div id="{{id}}" {{visibility name}} class="component">
-		<h3 class="title gradientBar"><span class="glyphicon glyphicon-user"></span> Participants: {{getMeetingSize}} User(s)</h3>
+		<h3 class="title gradientBar"><span class="glyphicon glyphicon-user heading"></span> {{getInfoNumberOfUsers}} </h3>
 
 		<div id="user-contents">
 			<div class="userlist ScrollableWindowY">
diff --git a/bigbluebutton-html5/app/client/views/whiteboard/whiteboard.html b/bigbluebutton-html5/app/client/views/whiteboard/whiteboard.html
index 56f6213dd77cfd5cb6c219dfa5d8769c5e98d94e..7288c5f7214b444c4575ba912d11bb240edb57dd 100755
--- a/bigbluebutton-html5/app/client/views/whiteboard/whiteboard.html
+++ b/bigbluebutton-html5/app/client/views/whiteboard/whiteboard.html
@@ -4,7 +4,7 @@
             {{#if isMobileChromeOrFirefox}}
                 {{> makeButton btn_class="fullscreenWhiteboardButton" i_class="glyphicon glyphicon-fullscreen"}}
             {{/if}}
-            <span class="glyphicon glyphicon-pencil"></span>
+            <span class="ion-easel heading"></span>
             {{title}}
         </h3>
         {{#each getCurrentSlide}}
diff --git a/bigbluebutton-html5/app/public/packages/ionicons/fonts/ionicons.ttf b/bigbluebutton-html5/app/public/packages/ionicons/fonts/ionicons.ttf
old mode 100644
new mode 100755
index f8fcf261a6b2501cb5ede90e5f3d371452c64156..c4e4632486d863337c1c73478ddb3c20726c55a0
Binary files a/bigbluebutton-html5/app/public/packages/ionicons/fonts/ionicons.ttf and b/bigbluebutton-html5/app/public/packages/ionicons/fonts/ionicons.ttf differ
diff --git a/bigbluebutton-html5/app/public/packages/ionicons/fonts/ionicons.woff b/bigbluebutton-html5/app/public/packages/ionicons/fonts/ionicons.woff
old mode 100644
new mode 100755
index 9f808a3cdddbe92050fc02ac0e9251c17d40687d..5f3a14e0a5ca6d20cc4fac708979e807b0d51bc3
Binary files a/bigbluebutton-html5/app/public/packages/ionicons/fonts/ionicons.woff and b/bigbluebutton-html5/app/public/packages/ionicons/fonts/ionicons.woff differ