diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
index c086319372..a01a957b61 100644
--- a/res/css/views/rooms/_EventBubbleTile.scss
+++ b/res/css/views/rooms/_EventBubbleTile.scss
@@ -14,6 +14,11 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+.mx_RoomView_body[data-layout=bubble] {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
 .mx_EventTile[data-layout=bubble],
 .mx_EventListSummary[data-layout=bubble] {
     --avatarSize: 32px;
diff --git a/src/components/structures/RoomView.tsx b/src/components/structures/RoomView.tsx
index 06e5d6ef87..f6e9fcdc4f 100644
--- a/src/components/structures/RoomView.tsx
+++ b/src/components/structures/RoomView.tsx
@@ -2218,7 +2218,7 @@ export class RoomView extends React.Component<IRoomProps, IRoomState> {
                             excludedRightPanelPhaseButtons={excludedRightPanelPhaseButtons}
                         />
                         <MainSplit panel={rightPanel} resizeNotifier={this.props.resizeNotifier}>
-                            <div className="mx_RoomView_body">
+                            <div className="mx_RoomView_body" data-layout={this.state.layout}>
                                 { mainSplitBody }
                             </div>
                         </MainSplit>