diff --git a/app/assets/stylesheets/pages/_devise.scss b/app/assets/stylesheets/pages/_devise.scss
new file mode 100644
index 00000000..c974df4f
--- /dev/null
+++ b/app/assets/stylesheets/pages/_devise.scss
@@ -0,0 +1,3 @@
+.mwd {
+  width: 400px;
+}
diff --git a/app/assets/stylesheets/pages/_index.scss b/app/assets/stylesheets/pages/_index.scss
index bc4e2677..1fcc5813 100644
--- a/app/assets/stylesheets/pages/_index.scss
+++ b/app/assets/stylesheets/pages/_index.scss
@@ -3,6 +3,7 @@
 @import "point";
 @import "topic";
 @import "about";
+@import "devise";
 
 body {
   padding-top: 70px;
diff --git a/app/views/devise/registrations/new.html.erb b/app/views/devise/registrations/new.html.erb
index dd9bebf2..d93df0c5 100644
--- a/app/views/devise/registrations/new.html.erb
+++ b/app/views/devise/registrations/new.html.erb
@@ -1,3 +1,5 @@
+<div class="container mwd">
+
 <h2>Sign up</h2>
 
 <%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
@@ -16,3 +18,5 @@
 <% end %>
 
 <%= render "devise/shared/links" %>
+
+</div>
diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb
index 52428ebb..4c130c2e 100644
--- a/app/views/devise/sessions/new.html.erb
+++ b/app/views/devise/sessions/new.html.erb
@@ -1,4 +1,4 @@
-<div class="container">
+<div class="container mwd">
   <div class="row">
 
     <h2>Log in</h2>