diff --git a/app/static/css/main.css b/app/static/css/main.css
index 95af38a..d3cb7af 100644
--- a/app/static/css/main.css
+++ b/app/static/css/main.css
@@ -343,7 +343,7 @@ input:-webkit-autofill:focus {
 
 .flashed-message {
     color: var(--dark-grey-text);
-    background: var(--light-grey-bg);
+    background: white;
     border: none;
     z-index: 99;
     margin: 0;
@@ -355,3 +355,7 @@ input:-webkit-autofill:focus {
     text-align: left;
     box-shadow: var(--my-box-shadow);
 }
+
+.sidebar-layout .flashed-message {
+    left: var(--sidebar-width);
+}
\ No newline at end of file
diff --git a/app/static/js/forms.js b/app/static/js/forms.js
index ed10f03..f4153fd 100644
--- a/app/static/js/forms.js
+++ b/app/static/js/forms.js
@@ -1,47 +1,55 @@
-// Toggles loading button
-function showLoadingBtn(isLoading) {
-    if (isLoading == true) {
+function handleSubmitForm(formID, endpoint) {
+    
+    $('#' + formID).on('submit', function(event) {
+        
+        event.preventDefault();
+
+        // Show loading button
         $(":input[type='submit']").prop('disabled', true);
         $('.btn-text').hide();
         $('.spinner-border').show();
-    } else {
-        $(":input[type='submit']").prop('disabled', false);
-        $('.btn-text').show();
-        $('.spinner-border').hide();
-    }
-}
 
-// Function to display error messages
-function displayFormErrors(errors) {
-    for (const key in errors) {
-        const inputField = $('#' + key);
-        const errorMessage = $(
-            '<div class="error-message">' 
-                + '<i class="fa-solid fa-circle-exclamation"></i> ' 
-                + errors[key] 
-            + '</div>'
-        );
-        inputField.after(errorMessage);
-        inputField.addClass('input-error');
-    }
+        var formData = $(this).serialize();
+        formData += "&form-id=" + $(this).attr('id');
+
+        $.post(endpoint, formData, function(data) {
+            
+            // Hide loading button
+            $(":input[type='submit']").prop('disabled', false);
+            $('.btn-text').show();
+            $('.spinner-border').hide();
+            
+            // Clear previous errors
+            $('.error-message').remove();
+            $('.input-error').removeClass('input-error');
+
+            if (response.success) {
+                
+                // Redirect if url returned
+                if (response.url) {
+                    window.location = response.url;
+                }
+            } else {
+                
+                // Display error messages for each input field
+                if (response.errors) {
+                    for (const key in response.errors) {
+                        const inputField = $('#' + key);
+                        const errorMessage = $(
+                            '<div class="error-message">' 
+                                + '<i class="fa-solid fa-circle-exclamation"></i> ' 
+                                + response.errors[key] 
+                            + '</div>'
+                        );
+                        inputField.after(errorMessage);
+                        inputField.addClass('input-error');
+                    }
+                }
+            }
+        });
+    });
 }
 
-function ajaxFormResponseHandler(response) {
-    
-    // Clear previous errors
-    $('.error-message').remove();
-    $('.input-error').removeClass('input-error');
-
-    if (response.success) {
-        if (response.url) {
-            window.location = response.url;
-        }
-    } else {
-        if (response.errors) {
-            displayFormErrors(response.errors);
-        }
-    }
-}
 
 $(document).ready(function() {
 
@@ -61,99 +69,10 @@ $(document).ready(function() {
         }
     });
     
-
-
-    // Registration handler using AJAX
-    $('#register-form').on('submit', function(event) {
-        
-        event.preventDefault();
-        showLoadingBtn(true);
-
-        $.post('/register', {
-            'role': $('input[name="role"]:checked').attr('id'),
-            'first_name': $('#first_name').val(),
-            'last_name': $('#last_name').val(),
-            'email': $('#email').val(),
-            'password': $('#password').val()
-        },
-        function(data) {
-            showLoadingBtn(false);
-            ajaxFormResponseHandler(data);
-        });
-    });
-
-
-    // Login handler using AJAX
-    $('#login-form').on('submit', function(event) {
-        
-        event.preventDefault();
-        showLoadingBtn(true);
-
-        $.post(
-            '/login', {
-                'email': $('#email').val(),
-                'password': $('#password').val()
-            },
-            function(data) {
-                showLoadingBtn(false);
-                ajaxFormResponseHandler(data);
-            }
-        );
-    });
-
-
-    // Resend email verification handler using AJAX
-    $('#verify-email-form').on('submit', function(event) {
-
-        event.preventDefault();
-        showLoadingBtn(true);
-
-        $.post(
-            '/verify-email', {},
-            function(data) {
-                showLoadingBtn(false);
-                ajaxFormResponseHandler(data);
-            }
-        );
-    });
-
-
-    // Password reset request handler using AJAX
-    $('#initiate-password-reset-form').on('submit', function(event) {
-
-        event.preventDefault();
-        showLoadingBtn(true);
-
-        $.post(
-            '/reset-password', {
-                'form-type': 'initiate_password_reset',
-                'email': $('#email').val()
-            },
-            function(data) {
-                showLoadingBtn(false);
-                ajaxFormResponseHandler(data);
-            }
-        );
-    });
-
-
-    // Password reset handler using AJAX
-    $('#reset-password-form').on('submit', function(event) {
-
-        event.preventDefault();
-        showLoadingBtn(true)
-
-        $.post(
-            '/reset-password', {
-                'form-type': 'reset_password',
-                'email': $('#email').val(),
-                'password': $('#password').val(),
-                'password_confirmation': $('#password_confirmation').val()
-            },
-            function(data) {
-                showLoadingBtn(false);
-                ajaxFormResponseHandler(data);
-            }
-        );
-    });
+    // Form handlers using AJAX
+    handleSubmitForm('register-form', '/register');
+    handleSubmitForm('login-form', '/login');
+    handleSubmitForm('verify-email-form', '/verify-email');
+    handleSubmitForm('initiate-password-reset-form', '/reset-password');
+    handleSubmitForm('reset-password-form', '/reset-password');
 });
diff --git a/app/templates/login.html b/app/templates/login.html
index 61ac985..1f08d0d 100644
--- a/app/templates/login.html
+++ b/app/templates/login.html
@@ -11,14 +11,14 @@ <h3>Sign in</h3>
         <p>Don't have an account? <a href='/register'>Register</a></p>
         <form id='login-form'>
             <div class='form-floating'>
-                <input type='email' id='email' placeholder='Email address' class='form-control'>
+                <input type='email' id='email' name='email' placeholder='Email address' class='form-control'>
                 <label for='email'>Email address</label>
             </div>
             <div class='form-floating'>
-                <input type='password' id='password' placeholder='Password' class='form-control'>
+                <input type='password' id='password' name='password' placeholder='Password' class='form-control'>
                 <label for='password'>Password</label>
                 <button type='button' id='togglePassword'>
-                    <i class="fa-solid fa-eye"></i>
+                    <i class='fa-solid fa-eye'></i>
                 </button>
             </div>
             <div class='description'>
diff --git a/app/templates/register.html b/app/templates/register.html
index 58cc842..90482d4 100644
--- a/app/templates/register.html
+++ b/app/templates/register.html
@@ -12,39 +12,39 @@ <h3>Create account</h3>
 
         <form id='register-form'>
 
-            <div class="radio-group" id="role">
-                <input type="radio" class="btn-check" name="role" id="therapist" autocomplete="off">
-                <label class="btn btn-outline-primary" for="therapist">
-                    <i class="fa-solid fa-check"></i>
+            <div class='radio-group' id='role'>
+                <input type='radio' class='btn-check' id='therapist' name='role' value='therapist' autocomplete='off'>
+                <label class='btn btn-outline-primary' for='therapist'>
+                    <i class='fa-solid fa-check'></i>
                     Therapist
                 </label>
-                <input type="radio" class="btn-check" name="role" id="client" autocomplete="off">
-                <label class="btn btn-outline-primary" for="client">
-                    <i class="fa-solid fa-check"></i>
+                <input type='radio' class='btn-check' id='client' name='role' value='client' autocomplete='off'>
+                <label class='btn btn-outline-primary' for='client'>
+                    <i class='fa-solid fa-check'></i>
                     Client
                 </label>
             </div>
 
             <div class='form-floating'>
-                <input type='text' id='first_name' placeholder='First name' class='form-control'>
+                <input type='text' id='first_name' name='first_name' placeholder='First name' class='form-control'>
                 <label for='first_name'>First name</label>
             </div>
 
             <div class='form-floating'>
-                <input type='text' id='last_name' placeholder='Last name' class='form-control'>
+                <input type='text' id='last_name' name='last_name' placeholder='Last name' class='form-control'>
                 <label for='last_name'>Last name</label>
             </div>
 
             <div class='form-floating'>
-                <input type='email' id='email' placeholder='Email address' class='form-control'>
+                <input type='email' id='email' name='email' placeholder='Email address' class='form-control'>
                 <label for='email'>Email</label>
             </div>
 
             <div class='form-floating'>
-                <input type='password' id='password' placeholder='Password' class='form-control'>
+                <input type='password' id='password' name='password' placeholder='Password' class='form-control'>
                 <label for='password'>Password</label>
                 <button type='button' id='togglePassword'>
-                    <i class="fa-solid fa-eye"></i>
+                    <i class='fa-solid fa-eye'></i>
                 </button>
             </div>
 
diff --git a/app/templates/reset-password.html b/app/templates/reset-password.html
index 89530a0..4ffb4ee 100644
--- a/app/templates/reset-password.html
+++ b/app/templates/reset-password.html
@@ -9,13 +9,13 @@
     <div class='my-container'>
         <h3>Reset password</h3>
         <form id='reset-password-form'>
-            <input type='text' readonly class='form-control-plaintext hidden' id='email' value="{{ email }}">
+            <input type='text' readonly class='form-control-plaintext hidden' id='email' name='email' value="{{ email }}">
             <div class='form-floating'>
-                <input type='password' id='password' placeholder='New password' class='form-control'>
+                <input type='password' id='password' name='password' placeholder='New password' class='form-control'>
                 <label for='password'>New password</label>
             </div>
             <div class='form-floating'>
-                <input type='password' id='password_confirmation' placeholder='Password confirmation' class='form-control'>
+                <input type='password' id='password_confirmation' name='password_confirmation' placeholder='Password confirmation' class='form-control'>
                 <label for='password_confirmation'>Password confirmation</label>
             </div>
             <div class='description'>
diff --git a/app/views/auth.py b/app/views/auth.py
index 1b268d4..d2765f1 100644
--- a/app/views/auth.py
+++ b/app/views/auth.py
@@ -211,9 +211,9 @@ def reset_request() -> Response:
 
     elif request.method == "POST":
         errors = {}
-
+        
         # Form submitted to initiate a password reset
-        if request.form.get("form-type") == "initiate_password_reset":
+        if request.form.get("form-id") == "initiate-password-reset-form":
             # Get form data
             email = request.form.get("email").lower()
 
@@ -241,7 +241,7 @@ def reset_request() -> Response:
             return jsonify({"success": True, "url": url_for("main.index")})
 
         # Form submitted to reset password
-        elif request.form.get("form-type") == "reset_password":
+        elif request.form.get("form-id") == "reset-password-form":
             # Get form data
             email = request.form.get("email")
             password = request.form.get("password")