diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 2febedd..58306a3 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -16,3 +16,5 @@
 
  // here your custom bootstrap variables...
 @import "bootstrap";
+
+.forgot { text-align: end;}
diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb
index 8077f81..19acee7 100644
--- a/app/views/devise/sessions/new.html.erb
+++ b/app/views/devise/sessions/new.html.erb
@@ -1,28 +1,42 @@
-<%= image_tag("/ms-icon-150x150.png", alt: "Logo") %>
 
-<h2>Log in</h2>
+<div class="container text-center">
+  <%= image_tag("/ms-icon-150x150.png", alt: "Logo") %>
+  <div class="row justify-content-md-center"">
+    <div class="col col-lg-6">
+      <h2>Log in</h2>
 
-<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
-  <div class="field">
-    <%= f.label :email %><br />
-    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
-  </div>
+      <%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
+        <div class="field form-outline mb-4">
+          <%= f.label :email, class: "mb-2"%><br />
+          <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "form-control"%>
+        </div>
 
-  <div class="field">
-    <%= f.label :password %><br />
-    <%= f.password_field :password, autocomplete: "current-password" %>
-  </div>
+        <div class="field form-outline mb-4">
+          <%= f.label :password, class: "mb-2" %><br />
+          <%= f.password_field :password, autocomplete: "current-password", class: "form-control" %>
+        </div>
 
-  <% if devise_mapping.rememberable? %>
-    <div class="field">
-      <%= f.check_box :remember_me %>
-      <%= f.label :remember_me %>
-    </div>
-  <% end %>
+        <div class="row mb-4">
+          <div class="col d-flex justify-content-center">
+            <% if devise_mapping.rememberable? %>
+              <div class="field form-check"">
+                <%= f.check_box :remember_me, class: "form-check-input" %>
+                <%= f.label :remember_me, class: "form-check-label"  %>
+              </div>
+            <% end %>
+            <div class="col forgot">
+              <%= render "devise/shared/links" %>
+            </div>
+          </div>
+        </div>
+        
 
-  <div class="actions">
-    <%= f.submit "Log in" %>
-  </div>
-<% end %>
+        <div class="actions">
+          <%= f.submit "Log in", class: "btn btn-primary btn-block w-100"  %>
+        </div>
+      <% end %>
 
-<%= render "devise/shared/links" %>
+      
+    </div>
+  </div>
+</div>