Fixed user-list scroll

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

@@ -121,6 +121,11 @@
   color: var(--color-gray-light);
 }
 
+.userListColumn {
+  @extend %flex-column;
+  min-height: 0;
+}
+
 .enter,
 .appear {
   opacity: 0.01;

bigbluebutton-html5/imports/ui/components/user-list/user-list-content/styles.scss

@@ -12,7 +12,8 @@
 .container{
   display: flex;
   align-items: center;
-  margin-bottom: .3rem;
+  margin-bottom: var(--lg-padding-y);
+  margin-top: var(--sm-padding-x);
 }
 
 .scrollableList {

bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/component.jsx

@@ -175,7 +175,7 @@ class UserParticipants extends Component {
     } = this.props;
 
     return (
-      <div>
+      <div className={styles.userListColumn}>
         {
           !compact ?
             <div className={styles.container}>