increasing presentation menu width

bigbluebutton-html5/imports/ui/components/actions-bar/styles.scss

@@ -118,17 +118,23 @@
   }
 }
 
-.dropdown,
 .btn {
   z-index: 3;
 }
-
+.dropdown{
+  z-index: 4;
+}
 .presentationItem {
   span {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
-    max-width: 10rem;
+    max-width: 15rem;
+
+    @include mq($small-only) {
+      max-width: 100%;
+    }
+
   }
 }
 

bigbluebutton-html5/imports/ui/components/dropdown/list/styles.scss

@@ -60,10 +60,6 @@
   display: flex;
   flex: 1 1 100%;
 
-  @include mq($small-only) {
-    justify-content: center;
-  }
-
   .verticalList & {
     padding: calc(var(--line-height-computed) / 3) 0;
 

bigbluebutton-html5/imports/ui/components/dropdown/styles.scss

@@ -312,7 +312,7 @@
 .top-left, [dir="rtl"] .top-right {
   @extend %down-caret;
   @extend %horz-right-caret;
-  min-width: 11.5rem;
+  min-width: 18rem;
 
   @include mq($small-only) {
     width: auto;