Keep the features section near the bottom.

css/converse.css

@@ -2328,6 +2328,13 @@
         #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
           padding: 0.3em 0;
           font-weight: bold; }
+        #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .chatroom-features,
+        #conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
+          position: absolute;
+          bottom: 0.5em;
+          width: 25%;
+          width: -webkit-calc(30% - 1em);
+          width: calc(30% - 1em); }
         #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul,
         #conversejs .chatroom .box-flyout .chatroom-body .occupants ul {
           padding: 0.3em 0;

sass/_chatrooms.scss

@@ -104,6 +104,12 @@
                         padding: 0.3em 0;
                         font-weight: bold;
                     }
+                    .chatroom-features {
+                        position: absolute;
+                        bottom: 0.5em;
+                        width: 25%;
+                        @include calc(width, '30% - 1em');
+                    }
                     ul {
                         padding: 0.3em 0;
                         overflow-x: hidden;

src/templates/chatroom_sidebar.html

@@ -9,6 +9,8 @@
 </form>
 <ul class="occupant-list"></ul>
 
-<p class="occupants-heading">{{{label_features}}}</p>
-<ul class="features-list"></ul>
+<div class="chatroom-features">
+    <p class="occupants-heading">{{{label_features}}}</p>
+    <ul class="features-list"></ul>
+</div>
 <!-- </div> -->