diff --git a/res/css/structures/_LeftPanel.scss b/res/css/structures/_LeftPanel.scss
index e55ebb42d7..85fdfa092d 100644
--- a/res/css/structures/_LeftPanel.scss
+++ b/res/css/structures/_LeftPanel.scss
@@ -48,16 +48,12 @@ limitations under the License.
 
 .mx_LeftPanel {
     flex: 1;
-    overflow: hidden;
+    overflow-x: hidden;
     display: flex;
     flex-direction: column;
     min-height: 0;
 }
 
-.mx_LeftPanel .mx_LeftPanel_Rooms {
-    flex: 1 1 0;
-}
-
 .mx_LeftPanel .mx_AppTile_mini {
     height: 132px;
 }
diff --git a/src/components/structures/LeftPanel.js b/src/components/structures/LeftPanel.js
index 54fad45713..8a21b017fd 100644
--- a/src/components/structures/LeftPanel.js
+++ b/src/components/structures/LeftPanel.js
@@ -272,6 +272,7 @@ const LeftPanel = createReactClass({
                 <aside className="mx_LeftPanel dark-panel">
                     <TopLeftMenuButton collapsed={this.props.collapsed} />
                     { breadcrumbs }
+                    <CallPreview ConferenceHandler={VectorConferenceHandler} />
                     <div className="mx_LeftPanel_Rooms" onKeyDown={this._onKeyDown} onFocus={this._onFocus} onBlur={this._onBlur}>
                         <div className="mx_LeftPanel_exploreAndFilterRow">
                             { exploreButton }
@@ -284,7 +285,6 @@ const LeftPanel = createReactClass({
                             searchFilter={this.state.searchFilter}
                             ConferenceHandler={VectorConferenceHandler} />
                     </div>
-                    <CallPreview ConferenceHandler={VectorConferenceHandler} />
                 </aside>
             </div>
         );