diff --git a/res/css/structures/_RoomSubList.scss b/res/css/structures/_RoomSubList.scss index 21fb202137..d956da25d6 100644 --- a/res/css/structures/_RoomSubList.scss +++ b/res/css/structures/_RoomSubList.scss @@ -24,12 +24,14 @@ limitations under the License. .mx_RoomSubList_nonEmpty { min-height: 80px; flex: 1; + margin-bottom: 8px; } .mx_RoomSubList_labelContainer { display: flex; flex-direction: row; flex: 0 0 auto; + margin: 8px 19px 0 0; } .mx_RoomSubList_label { diff --git a/src/components/structures/RoomSubList.js b/src/components/structures/RoomSubList.js index 6410e3af31..0c166a7928 100644 --- a/src/components/structures/RoomSubList.js +++ b/src/components/structures/RoomSubList.js @@ -348,7 +348,7 @@ const RoomSubList = React.createClass({ {this._getHeaderJsx()} ; } else { - const heightEstimation = (len * 40) + 31; + const heightEstimation = (len * 40) + 31 + (8 + 8); const style = { flexGrow: `${heightEstimation}`, maxHeight: `${heightEstimation}px`,