diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css
index e6f5b7a1..ad387297 100644
--- a/src/platform/web/ui/css/themes/element/theme.css
+++ b/src/platform/web/ui/css/themes/element/theme.css
@@ -1180,7 +1180,7 @@ button.RoomDetailsView_row::after {
     gap: 12px;
 }
 
-.CreateRoomView, .JoinRoomView, .RoomBeingCreated_error {
+.CreateRoomView_body, .JoinRoomView, .RoomBeingCreated_error {
     max-width: 400px;
 }
 
diff --git a/src/platform/web/ui/session/CreateRoomView.js b/src/platform/web/ui/session/CreateRoomView.js
index 9d6c6bbc..37905b2d 100644
--- a/src/platform/web/ui/session/CreateRoomView.js
+++ b/src/platform/web/ui/session/CreateRoomView.js
@@ -21,8 +21,8 @@ import {StaticView} from "../general/StaticView";
 
 export class CreateRoomView extends TemplateView {
     render(t, vm) {
-        return t.main({className: "middle"}, 
-            t.div({className: "CreateRoomView centered-column"}, [
+        return t.main({className: "CreateRoomView middle"},
+            t.div({className: "CreateRoomView_body centered-column"}, [
                 t.h2("Create room"),
                 //t.div({className: "RoomView_error"}, vm => vm.error),
                 t.form({className: "CreateRoomView_detailsForm form", onChange: evt => this.onFormChange(evt), onSubmit: evt => this.onSubmit(evt)}, [