diff --git a/bigbluebutton-html5/imports/ui/components/app/styles.scss b/bigbluebutton-html5/imports/ui/components/app/styles.scss
index 0096319ea843cec1f94f7ba44ee91d93a8de982b..1ab9c26a38d6ddf9e968f42326c916f94b3f9b16 100755
--- a/bigbluebutton-html5/imports/ui/components/app/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/app/styles.scss
@@ -166,15 +166,11 @@ $bars-padding: $lg-padding-x - .45rem; // -.45 so user-list and chat title is al
 
 .closedCaptionBox {
   position: relative;
-  flex-basis: 12%;
+  flex-basis: 15vw;
+  order: 2;
 
   @include mq($portrait) {
     min-height: 35%;
-
-    @include mq($small-up) {
-      flex-basis: 10%;
-      margin-top: 3%;
-    }
   }
 }
 
diff --git a/bigbluebutton-html5/imports/ui/components/media/styles.scss b/bigbluebutton-html5/imports/ui/components/media/styles.scss
index f8a416e729da921991bbde449cd87cbea2fb887c..8022df3f7b3cd309eb0bf14cc19f273cb6949448 100755
--- a/bigbluebutton-html5/imports/ui/components/media/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/media/styles.scss
@@ -5,6 +5,7 @@
   display: flex;
   flex: 2;
   overflow: hidden;
+  order: 1;
 }
 
 %ratio {
diff --git a/bigbluebutton-html5/imports/ui/components/presentation/presentation-toolbar/styles.scss b/bigbluebutton-html5/imports/ui/components/presentation/presentation-toolbar/styles.scss
index b81cf427419520f39fab9e7eac0329295d9149da..21f16387e8e26f10ed4b99a652305195631dd581 100755
--- a/bigbluebutton-html5/imports/ui/components/presentation/presentation-toolbar/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/presentation/presentation-toolbar/styles.scss
@@ -27,12 +27,6 @@ $controls-background: #F0F2F6 !default;
     }
   }
 
-  @include mq($landscape) {
-    @include mq($small-only) {
-      margin-top: 3%;
-    }
-  }
-
   button,
   select,
   > div {