diff --git a/app/assets/stylesheets/sessions.scss b/app/assets/stylesheets/sessions.scss
new file mode 100644
index 00000000..0890194e
--- /dev/null
+++ b/app/assets/stylesheets/sessions.scss
@@ -0,0 +1,10 @@
+.login {
+  .center-panel {
+    .center-panel-size {
+      max-width: 600px
+    }
+    .center-panel-content-size {
+      max-width: 500px;
+    }
+  }
+}
diff --git a/app/assets/stylesheets/shared.scss b/app/assets/stylesheets/shared.scss
index e6d8d0ca..91c8ff89 100644
--- a/app/assets/stylesheets/shared.scss
+++ b/app/assets/stylesheets/shared.scss
@@ -26,7 +26,7 @@ html, body {
   background: #ffffff;
 }
 
-.app-background {
+.background {
   height: 350px;
   width: 100%;
   background: asset-url('greenlight_background');
@@ -35,6 +35,10 @@ html, body {
   background-repeat: no-repeat;
 }
 
+body[data-controller=landing].app-background {
+  @extend .background;
+}
+
 body[data-controller=landing][data-action=rooms].app-background {
   background-image: asset-url('bg_personal_room');
 }
@@ -61,14 +65,14 @@ body[data-controller=landing][data-action=rooms].app-background {
   padding: 20px;
 }
 
+.center-block {
+  float: none;
+}
 .center-panel {
-  .center-block {
-    float: none;
-  }
   .center-panel-size {
     max-width: 900px
   }
-  .center-panel-conent-size {
+  .center-panel-content-size {
     max-width: 800px;
   }
 
diff --git a/app/controllers/sessions_controller.rb b/app/controllers/sessions_controller.rb
index c09a982e..e78b87cc 100644
--- a/app/controllers/sessions_controller.rb
+++ b/app/controllers/sessions_controller.rb
@@ -15,6 +15,10 @@
 # with BigBlueButton; if not, see