diff --git a/app/views/devise/passwords/new.html.erb b/app/views/devise/passwords/new.html.erb
index 9b486b8..dbc83e3 100644
--- a/app/views/devise/passwords/new.html.erb
+++ b/app/views/devise/passwords/new.html.erb
@@ -1,15 +1,15 @@
-<h2>Forgot your password?</h2>
+<h3 class="text-center mb-3">Forgot your password?</h3>
 
 <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f| %>
   <%= render "devise/shared/error_messages", resource: resource %>
 
-  <div class="field">
-    <%= f.label :email %><br />
-    <%= f.email_field :email, autofocus: true, autocomplete: "email" %>
+  <div class="mb-3">
+    <label for="exampleFormControlInput1" class="form-label"><%= f.label :email %></label>
+    <%= f.email_field :email, autofocus: true, autocomplete: "email", class: "form-control"  %>
   </div>
 
-  <div class="actions">
-    <%= f.submit "Send me reset password instructions" %>
+  <div class="d-grid gap-2 mb-3">
+    <%= f.submit "Send me reset password instructions", class: "btn btn-primary" %>
   </div>
 <% end %>
 
diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb
index 5ede964..5fddcb2 100644
--- a/app/views/devise/sessions/new.html.erb
+++ b/app/views/devise/sessions/new.html.erb
@@ -1,25 +1,28 @@
-<h2>Log in</h2>
+<h2 class="text-center">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 class="mb-3">
+  <label for="exampleFormControlInput1" class="form-label"><%= f.label :email %></label>
+  <%= 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 class="mb-3">
+    <label for="exampleFormControlInput1" class="form-label"><%= f.label :password %></label>
+    <%= 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 class="pl-0 mb-3">
+      <%= f.check_box :remember_me, class: "orm-check-input" %>
+      <%= f.label :remember_me, class: "form-check-label" %>
     </div>
+    
   <% end %>
 
-  <div class="actions">
-    <%= f.submit "Log in" %>
+  <div class="d-grid gap-2 mb-3">
+    <%= f.submit "Log in", class: "btn btn-primary" %>
   </div>
 <% end %>
 
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 7dc4feb..70d66d3 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -11,15 +11,16 @@
   </head>
 
   <body class="container-fluid h-100 w-100">
-    <div class="row h-100 w-100 col-sm-12 p-0">
+
+    <div class="<%= current_user.present? ? 'row flex-nowrap h-100 w-100 p-0' : 'row h-100 justify-content-center align-items-center' %>">
       <% if current_user.present? %>
-        <div class="col-sm-3 p-0">
+        <div class="col-auto col-md-3 col-xl-2 px-sm-2 px-0 bg-dark">
           <%= render(SidenavComponent.new(current_user: current_user))%>
         </div>
       <% end %>
 
-      <div class="col-sm-<%= current_user.present? ? 9 : 12 %>">
-        <div class="h-100 w-100 col-sm-12">
+      <div class="<%= current_user.present? ? 'col py-3' : 'col-sm-3' %>">
+        <div >
           <%= yield %>
         </div>
       </div>
