diff --git a/bigbluebutton-html5/imports/ui/components/app/styles.scss b/bigbluebutton-html5/imports/ui/components/app/styles.scss
index 1ab9c26a38d6ddf9e968f42326c916f94b3f9b16..78462f3599f0d4f08bf2f1acac4bacd2d48077f2 100755
--- a/bigbluebutton-html5/imports/ui/components/app/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/app/styles.scss
@@ -150,6 +150,7 @@ $bars-padding: $lg-padding-x - .45rem; // -.45 so user-list and chat title is al
 .media {
   @extend %full-page;
   flex: 1 100%;
+  order: 2;
 
   flex-direction: row;
   position: relative;