diff --git a/lib/ketbin_web/templates/user_confirmation/new.html.eex b/lib/ketbin_web/templates/user_confirmation/new.html.eex
index 803080f..3bac891 100644
--- a/lib/ketbin_web/templates/user_confirmation/new.html.eex
+++ b/lib/ketbin_web/templates/user_confirmation/new.html.eex
@@ -1,15 +1,19 @@
-<h1>Resend confirmation instructions</h1>
+<div class="flex flex-col w-full h-full justify-center items-center">
+	<h1 class="font-bold text-4xl text-amber pt-4">Resend confirmation instructions</h1>
 
-<%= form_for :user, Routes.user_confirmation_path(@conn, :create), fn f -> %>
-  <%= label f, :email %>
-  <%= email_input f, :email, required: true %>
+	<%= form_for :user, Routes.user_confirmation_path(@conn, :create), [class: "flex flex-col h-full justify-center items-start m-auto"], fn f -> %>
+		<div class="flex flex-col w-full">
+			<%= label f, :email %>
+			<%= email_input f, :email, [class: "text-black px-2 py-1 outline-none", required: true] %>
+		</div>
 
-  <div>
-    <%= submit "Resend confirmation instructions" %>
-  </div>
-<% end %>
+		<div class="bg-amber mt-4 rounded-sm px-2 py-1">
+			<%= submit "Resend confirmation instructions" %>
+		</div>
+	<% end %>
 
-<p>
-  <%= link "Register", to: Routes.user_registration_path(@conn, :new) %> |
-  <%= link "Log in", to: Routes.user_session_path(@conn, :new) %>
-</p>
+	<p class="mb-4 text-amber">
+		<%= link "Register", to: Routes.user_registration_path(@conn, :new) %> |
+		<%= link "Log in", to: Routes.user_session_path(@conn, :new) %>
+	</p>
+</div>
diff --git a/lib/ketbin_web/templates/user_reset_password/edit.html.eex b/lib/ketbin_web/templates/user_reset_password/edit.html.eex
index 94a550a..9809345 100644
--- a/lib/ketbin_web/templates/user_reset_password/edit.html.eex
+++ b/lib/ketbin_web/templates/user_reset_password/edit.html.eex
@@ -1,26 +1,32 @@
-<h1>Reset password</h1>
+<div class="flex flex-col w-full h-full justify-center items-center">
+	<h1 class="font-bold text-4xl text-amber pt-4">Reset password</h1>
 
-<%= form_for @changeset, Routes.user_reset_password_path(@conn, :update, @token), fn f -> %>
-  <%= if @changeset.action do %>
-    <div class="alert alert-danger">
-      <p>Oops, something went wrong! Please check the errors below.</p>
-    </div>
-  <% end %>
+	<%= form_for @changeset, Routes.user_reset_password_path(@conn, :update, @token), [class: "flex flex-col h-full justify-center items-start m-auto"], fn f -> %>
+		<%= if @changeset.action do %>
+			<div class="alert alert-danger">
+				<p>Oops, something went wrong! Please check the errors below.</p>
+			</div>
+		<% end %>
 
-  <%= label f, :password, "New password" %>
-  <%= password_input f, :password, required: true %>
-  <%= error_tag f, :password %>
+		<div class="flex flex-col w-full">
+			<%= label f, :password, "New password" %>
+			<%= password_input f, :password, [class: "text-black px-2 py-1 outline-none", required: true] %>
+			<%= error_tag f, :password %>
+		</div>
 
-  <%= label f, :password_confirmation, "Confirm new password" %>
-  <%= password_input f, :password_confirmation, required: true %>
-  <%= error_tag f, :password_confirmation %>
+		<div class="flex flex-col w-full">
+			<%= label f, :password_confirmation, "Confirm new password" %>
+			<%= password_input f, :password_confirmation, [class: "text-black px-2 py-1 outline-none", required: true] %>
+			<%= error_tag f, :password_confirmation %>
+		</div>
 
-  <div>
-    <%= submit "Reset password" %>
-  </div>
-<% end %>
+		<div class="bg-amber mt-4 rounded-sm px-2 py-1">
+			<%= submit "Reset password" %>
+		</div>
+	<% end %>
 
-<p>
-  <%= link "Register", to: Routes.user_registration_path(@conn, :new) %> |
-  <%= link "Log in", to: Routes.user_session_path(@conn, :new) %>
-</p>
+	<p class="mb-4 text-amber">
+		<%= link "Register", to: Routes.user_registration_path(@conn, :new) %> |
+		<%= link "Log in", to: Routes.user_session_path(@conn, :new) %>
+	</p>
+</div>
diff --git a/lib/ketbin_web/templates/user_reset_password/new.html.eex b/lib/ketbin_web/templates/user_reset_password/new.html.eex
index 619c535..6419a75 100644
--- a/lib/ketbin_web/templates/user_reset_password/new.html.eex
+++ b/lib/ketbin_web/templates/user_reset_password/new.html.eex
@@ -1,15 +1,19 @@
-<h1>Forgot your password?</h1>
+<div class="flex flex-col w-full h-full justify-center items-center">
+	<h1 class="font-bold text-4xl text-amber pt-4">Forgot your password?</h1>
 
-<%= form_for :user, Routes.user_reset_password_path(@conn, :create), fn f -> %>
-  <%= label f, :email %>
-  <%= email_input f, :email, required: true %>
+	<%= form_for :user, Routes.user_reset_password_path(@conn, :create), [class: "flex flex-col h-full justify-center items-start m-auto"], fn f -> %>
+		<div class="flex flex-col w-full">
+			<%= label f, :email %>
+			<%= email_input f, :email, [class: "text-black px-2 py-1 outline-none", required: true] %>
+		</div>
 
-  <div>
-    <%= submit "Send instructions to reset password" %>
-  </div>
-<% end %>
+		<div class="bg-amber mt-4 rounded-sm px-2 py-1">
+			<%= submit "Send instructions to reset password" %>
+		</div>
+	<% end %>
 
-<p>
-  <%= link "Register", to: Routes.user_registration_path(@conn, :new) %> |
-  <%= link "Log in", to: Routes.user_session_path(@conn, :new) %>
-</p>
+	<p class="mb-4 text-amber">
+		<%= link "Register", to: Routes.user_registration_path(@conn, :new) %> |
+		<%= link "Log in", to: Routes.user_session_path(@conn, :new) %>
+	</p>
+</div>
diff --git a/lib/ketbin_web/templates/user_settings/edit.html.eex b/lib/ketbin_web/templates/user_settings/edit.html.eex
index 6e8abf9..19cd6c8 100644
--- a/lib/ketbin_web/templates/user_settings/edit.html.eex
+++ b/lib/ketbin_web/templates/user_settings/edit.html.eex
@@ -1,8 +1,9 @@
-<h1>Settings</h1>
+	<h1 class="font-bold text-4xl text-amber pt-4 w-full text-center">Settings</h1>
 
-<h3>Change email</h3>
+<div class="flex w-full h-full justify-center items-center">
+<%= form_for @email_changeset, Routes.user_settings_path(@conn, :update), [class: "flex flex-col h-full justify-center items-start m-auto"], fn f -> %>
+	<h3 class="font-bold text-2xl text-amber pb-4">Change email</h3>
 
-<%= form_for @email_changeset, Routes.user_settings_path(@conn, :update), fn f -> %>
   <%= if @email_changeset.action do %>
     <div class="alert alert-danger">
       <p>Oops, something went wrong! Please check the errors below.</p>
@@ -11,43 +12,55 @@
 
   <%= hidden_input f, :action, name: "action", value: "update_email" %>
 
-  <%= label f, :email %>
-  <%= email_input f, :email, required: true %>
-  <%= error_tag f, :email %>
+	<div class="flex flex-col w-full">
+		<%= label f, :email %>
+		<%= email_input f, :email, [class: "text-black px-2 py-1 outline-none", required: true] %>
+		<%= error_tag f, :email %>
+	</div>
 
-  <%= label f, :current_password, for: "current_password_for_email" %>
-  <%= password_input f, :current_password, required: true, name: "current_password", id: "current_password_for_email" %>
-  <%= error_tag f, :current_password %>
+	<div class="flex flex-col w-full">
+		<%= label f, :current_password, for: "current_password_for_email" %>
+		<%= password_input f, :current_password, [class: "text-black px-2 py-1 outline-none", required: true, name: "current_password", id: "current_password_for_email"]%>
+		<%= error_tag f, :current_password %>
+	</div>
 
-  <div>
+  <div class="bg-amber mt-4 rounded-sm px-2 py-1">
     <%= submit "Change email" %>
   </div>
 <% end %>
 
-<h3>Change password</h3>
 
-<%= form_for @password_changeset, Routes.user_settings_path(@conn, :update), fn f -> %>
-  <%= if @password_changeset.action do %>
-    <div class="alert alert-danger">
-      <p>Oops, something went wrong! Please check the errors below.</p>
-    </div>
-  <% end %>
+	<%= form_for @password_changeset, Routes.user_settings_path(@conn, :update), [class: "flex flex-col h-full justify-center items-start m-auto"], fn f -> %>
+		<h3 class="font-bold text-2xl text-amber pb-4">Change password</h3>
 
-  <%= hidden_input f, :action, name: "action", value: "update_password" %>
+		<%= if @password_changeset.action do %>
+			<div class="alert alert-danger">
+				<p>Oops, something went wrong! Please check the errors below.</p>
+			</div>
+		<% end %>
 
-  <%= label f, :password, "New password" %>
-  <%= password_input f, :password, required: true %>
-  <%= error_tag f, :password %>
+		<%= hidden_input f, :action, name: "action", value: "update_password" %>
 
-  <%= label f, :password_confirmation, "Confirm new password" %>
-  <%= password_input f, :password_confirmation, required: true %>
-  <%= error_tag f, :password_confirmation %>
+		<div class="flex flex-col w-full">
+			<%= label f, :password, "New password" %>
+			<%= password_input f, :password, [class: "text-black px-2 py-1 outline-none", required: true] %>
+			<%= error_tag f, :password %>
+		</div>
 
-  <%= label f, :current_password, for: "current_password_for_password" %>
-  <%= password_input f, :current_password, required: true, name: "current_password", id: "current_password_for_password" %>
-  <%= error_tag f, :current_password %>
+		<div class="flex flex-col w-full">
+			<%= label f, :password_confirmation, "Confirm new password" %>
+			<%= password_input f, :password_confirmation, [class: "text-black px-2 py-1 outline-none", required: true] %>
+			<%= error_tag f, :password_confirmation %>
+		</div>
 
-  <div>
-    <%= submit "Change password" %>
-  </div>
-<% end %>
+		<div class="flex flex-col w-full">
+			<%= label f, :current_password, for: "current_password_for_password" %>
+			<%= password_input f, :current_password, [class: "text-black px-2 py-1 outline-none", required: true, name: "current_password", id: "current_password_for_password"] %>
+			<%= error_tag f, :current_password %>
+		</div>
+
+		<div class="bg-amber mt-4 rounded-sm px-2 py-1">
+			<%= submit "Change password" %>
+		</div>
+	<% end %>
+<div>