diff --git a/bigbluebutton-html5/app/client/main.html b/bigbluebutton-html5/app/client/main.html
index 5c9071facd..88b9cc8744 100755
--- a/bigbluebutton-html5/app/client/main.html
+++ b/bigbluebutton-html5/app/client/main.html
@@ -1,7 +1,7 @@
 <template name="header">
   <nav id="navbar" class="myNavbar gradientBar top-bar" role="navigation">
     {{#if getInSession "display_usersList"}}
-      {{> makeButton btn_class="toggleUserlistButton navbarButton" i_class="ion-navicon-round" rel="tooltip" data_placement="bottom" title="Close Userlist"}}
+      {{> makeButton btn_class="toggleUserlistButton navbarButton pressedButton" i_class="ion-navicon-round" rel="tooltip" data_placement="bottom" title="Close Userlist"}}
     {{else}}
       {{> makeButton btn_class="toggleUserlistButton navbarButton" i_class="ion-navicon-round" rel="tooltip" data_placement="bottom" title="Open Userlist"}}
     {{/if}}
@@ -37,7 +37,7 @@
       title="Logout"}}
     </div>
     {{#if getInSession "display_menu"}}
-      {{> makeButton btn_class="toggleMenuButton navbarButton" i_class="ion-navicon-round" rel="tooltip" data_placement="bottom" title="Close Menu"}}
+      {{> makeButton btn_class="toggleMenuButton navbarButton pressedButton" i_class="ion-navicon-round" rel="tooltip" data_placement="bottom" title="Close Menu"}}
     {{else}}
       {{> makeButton btn_class="toggleMenuButton navbarButton" i_class="ion-navicon-round" rel="tooltip" data_placement="bottom" title="Open Menu"}}
     {{/if}}
diff --git a/bigbluebutton-html5/app/client/stylesheets/style.less b/bigbluebutton-html5/app/client/stylesheets/style.less
index 65514243b9..0797321e2b 100755
--- a/bigbluebutton-html5/app/client/stylesheets/style.less
+++ b/bigbluebutton-html5/app/client/stylesheets/style.less
@@ -194,6 +194,7 @@ body {
         background-color: black;
         opacity: 0.5;
         z-index: 1;
+        cursor: pointer;
         @media @landscape, @desktop-portrait {
           top: 50px;
         }
@@ -369,6 +370,12 @@ body {
   }
 }
 
+.pressedButton {
+  i {
+    color: extract(@azure, 2);
+  }
+}
+
 .toggleUserlist {
   width: 57px;
   margin-right: 10px;
diff --git a/bigbluebutton-html5/app/client/stylesheets/users.less b/bigbluebutton-html5/app/client/stylesheets/users.less
index 5daaf7bbb5..481a78a79a 100755
--- a/bigbluebutton-html5/app/client/stylesheets/users.less
+++ b/bigbluebutton-html5/app/client/stylesheets/users.less
@@ -76,4 +76,7 @@
 .closeUserlistIcon {
   float: right;
   margin-right: 5px;
+  @media @mobile-portrait-with-keyboard, @desktop-portrait, @mobile-portrait {
+    display: none;
+  }
 }
diff --git a/bigbluebutton-html5/app/client/stylesheets/whiteboard.less b/bigbluebutton-html5/app/client/stylesheets/whiteboard.less
index e68b8251d3..3cea95833e 100755
--- a/bigbluebutton-html5/app/client/stylesheets/whiteboard.less
+++ b/bigbluebutton-html5/app/client/stylesheets/whiteboard.less
@@ -2,14 +2,14 @@
 
 #whiteboard {
   padding: 0 !important;
-  -webkit-flex: 2 2 50%;
-  -moz-flex: 2 2 50%;
-  -ms-flex: 2 2 50%;
-  flex: 2 2 50%;
   min-width: 0;
   @media @landscape {
     -webkit-order: 2;
     order: 2;
+    -webkit-flex: 7 7 70%;
+    -moz-flex: 7 7 70%;
+    -ms-flex: 7 7 70%;
+    flex: 7 7 70%;
     min-width: 50%;
     height: 100%;
   }