diff --git a/bigbluebutton-html5/imports/ui/components/app/styles.scss b/bigbluebutton-html5/imports/ui/components/app/styles.scss
index e9ab158611b235d67a2f672bcdffd4b1767e61a7..0c1553d70672434f22c19215be3565d0195c33cd 100644
--- a/bigbluebutton-html5/imports/ui/components/app/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/app/styles.scss
@@ -103,6 +103,9 @@ $bars-padding: $lg-padding-x - .45rem; // -.45 so user-list and chat title is al
 
   @include mq($small-only) {
     padding-top: $navbar-height;
+    padding-top: $navbar-height;
+    height: 100vh;
+    width: 100vw;
   }
 
   @include mq($medium-up) {
@@ -113,12 +116,6 @@ $bars-padding: $lg-padding-x - .45rem; // -.45 so user-list and chat title is al
   @include mq($xlarge-up) {
     flex-basis: 10vw;
   }
-
-  @include mq($medium-down) {
-    padding-top: $navbar-height;
-    height: 100vh;
-    width: 100vw;
-  }
 }
 
 .userlistPad {
@@ -144,6 +141,9 @@ $bars-padding: $lg-padding-x - .45rem; // -.45 so user-list and chat title is al
   @include mq($small-only) {
     z-index: 3;
     padding-top: $navbar-height;
+    padding-top: $navbar-height;
+    height: 100vh;
+    width: 100vw;
   }
 
   @include mq($medium-up) {
@@ -154,12 +154,6 @@ $bars-padding: $lg-padding-x - .45rem; // -.45 so user-list and chat title is al
   @include mq($xlarge-up) {
     flex-basis: 20vw;
   }
-
-  @include mq($medium-down) {
-    padding-top: $navbar-height;
-    height: 100vh;
-    width: 100vw;
-  }
 }
 
 .sidebar {
diff --git a/bigbluebutton-html5/imports/ui/stylesheets/variables/breakpoints.scss b/bigbluebutton-html5/imports/ui/stylesheets/variables/breakpoints.scss
index a4d02e9316ef6ad88dcb4149a73a4e638faece26..86e59b471945d25cd1396d9a7a72840164abcc4f 100644
--- a/bigbluebutton-html5/imports/ui/stylesheets/variables/breakpoints.scss
+++ b/bigbluebutton-html5/imports/ui/stylesheets/variables/breakpoints.scss
@@ -34,7 +34,6 @@ $small-up: "#{$screen} and (min-width:#{lower-bound($small-range)})";;
 $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})";
 $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})";
 $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})";
-$medium-down: "#{$screen} and (max-width: 640px)";
 $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})";
 $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})";
 $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})";