diff --git a/base/templates/base/auth/two_factor_auth.html b/base/templates/base/auth/two_factor_auth.html
index 2dd873484..31c70bc35 100644
--- a/base/templates/base/auth/two_factor_auth.html
+++ b/base/templates/base/auth/two_factor_auth.html
@@ -152,7 +152,7 @@
         <script src="{% static '/build/js/web.frontend.min.js' %}"></script>
         <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
         <script src="{% static 'htmx/htmx.min.js' %}"></script>
-        <script src="{% static 'build/js/hxSelect2.js' %}"></script>
+        <script src="{% static 'build/js/htmxSelect2.js' %}"></script>
         <script src="{% static '/index/index.js' %}"></script>
         <script type="module"  src="{% static 'images/ionicons/ui_icons/ionicons/ionicons.esm.js' %}"></script>
         <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
diff --git a/templates/initialize_database/horilla_user.html b/templates/initialize_database/horilla_user.html
index 6f33c8388..0be952a20 100644
--- a/templates/initialize_database/horilla_user.html
+++ b/templates/initialize_database/horilla_user.html
@@ -1,180 +1,133 @@
 {% load static %} {% load i18n %}
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Login - {{white_label_company_name}} Dashboard</title>
-    <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/apple-touch-icon.png' %}{% endif %}"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="32x32"
-      href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/favicon-32x32.png' %}{% endif %}"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="16x16"
-      href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/favicon-16x16.png' %}{% endif %}"
-    />
+    <link rel="apple-touch-icon" sizes="180x180"
+        href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/apple-touch-icon.png' %}{% endif %}" />
+    <link rel="icon" type="image/png" sizes="32x32"
+        href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/favicon-32x32.png' %}{% endif %}" />
+    <link rel="icon" type="image/png" sizes="16x16"
+        href="{% if white_label_company.icon %}{{white_label_company.icon.url}} {% else %}{% static 'favicons/favicon-16x16.png' %}{% endif %}" />
     <link rel="stylesheet" href="{% static '/build/css/style.min.css' %}" />
     <link rel="manifest" href="{% static 'build/manifest.json' %}" />
-  </head>
-  <body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
+</head>
+
+<body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
     <style>
-      .animated-background {
-        animation-duration: 2s;
-        animation-fill-mode: forwards;
-        animation-iteration-count: infinite;
-        animation-name: placeHolderShimmer;
-        animation-timing-function: linear;
-        background-color: #f6f7f8;
-        background: linear-gradient(
-          to right,
-          #eeeeee9c -58%,
-          #e4e4e496 18%,
-          #eeeeee61 33%
-        );
-        background-size: 800px 64px;
-        height: 623px;
-        position: relative;
-      }
-      .select2-selection.select2-selection--multiple {
-        height: 46px !important;
-      }
+        .animated-background {
+            animation-duration: 2s;
+            animation-fill-mode: forwards;
+            animation-iteration-count: infinite;
+            animation-name: placeHolderShimmer;
+            animation-timing-function: linear;
+            background-color: #f6f7f8;
+            background: linear-gradient(to right,
+                    #eeeeee9c -58%,
+                    #e4e4e496 18%,
+                    #eeeeee61 33%);
+            background-size: 800px 64px;
+            height: 623px;
+            position: relative;
+        }
+
+        .select2-selection.select2-selection--multiple {
+            height: 46px !important;
+        }
     </style>
     <div id="main">
-      <div class="oh-alert-container">
-        {% for message in messages %}
-        <div class="oh-alert oh-alert--animated {{ message.tags }}">
-          {{ message }}
+        <div class="oh-alert-container">
+            {% for message in messages %}
+            <div class="oh-alert oh-alert--animated {{ message.tags }}">
+                {{ message }}
+            </div>
+            {% endfor %}
         </div>
-        {% endfor %}
-      </div>
-      <main class="oh-auth">
-        <div
-          class="oh-onboarding-card"
-          style="max-height: 790px; max-width: 975px"
-          id="ohAuthCard"
-          >
-          <div class="oh-onboarding-card__header">
-            <span class="oh-onboarding-card__company-name">Horilla HRMS</span>
-            <ul class="oh-onboarding-card__steps">
-              <li
-                class="oh-onboarding-card__step oh-onboarding-card__step--active"
-              >
-                <div class="oh-onboarding-card__count">1</div>
-                <span class="oh-onboarding-card__text">Authentication</span>
-              </li>
-              <li class="oh-onboarding-card__step">
-                <div class="oh-onboarding-card__count">2</div>
-                <span class="oh-onboarding-card__text">Sign Up</span>
-              </li>
-              <li class="oh-onboarding-card__step">
-                <div class="oh-onboarding-card__count">3</div>
-                <span class="oh-onboarding-card__text">Company</span>
-              </li>
-              <li class="oh-onboarding-card__step">
-                <div class="oh-onboarding-card__count">4</div>
-                <span class="oh-onboarding-card__text">Department</span>
-              </li>
-              <li class="oh-onboarding-card__step oh-onboarding-card__step">
-                <div class="oh-onboarding-card__count">5</div>
-                <span class="oh-onboarding-card__text">Job Position</span>
-              </li>
-            </ul>
-          </div>
-          <h1
-            class="oh-onboarding-card__title oh-onboarding-card__title--h2 text-center my-3"
-          >
-            {% trans "Database Authentication" %}
-          </h1>
-          <p class="text-muted text-center">
-            {% trans "Authenticate with your password to initialize the Horilla HRMS database." %}
-          </p>
-          <form
-            hx-post="{% url 'initialize-database' %}"
-            hx-target="#ohAuthCard"
-            class="oh-form-group"
-          >
-            {% csrf_token %}
-            <div class="row">
-              <div class="col-12 col-sm-12 col-md-12 col-lg-12">
-                <div class="oh-input-group">
-                  <label class="oh-label" for="password"
-                    >{% trans "Password" %}</label
-                  >
-                  <div class="oh-password-input-container">
-                    <input
-                      type="password"
-                      id="password"
-                      name="password"
-                      class="oh-input oh-input--password w-100"
-                      placeholder="Database authentication password"
-                      required
-                    />
-                    <button
-                      type="button"
-                      class="oh-btn oh-btn--transparent oh-password-input--toggle"
-                      >
-                      <ion-icon
-                        class="oh-passowrd-input__show-icon"
-                        title="Show Password"
-                        name="eye-outline"
-                      ></ion-icon>
-                      <ion-icon
-                        class="oh-passowrd-input__hide-icon d-none"
-                        title="Hide Password"
-                        name="eye-off-outline"
-                      ></ion-icon>
-                    </button>
-                  </div>
+        <main class="oh-auth">
+            <div class="oh-onboarding-card" style="max-height: 790px; max-width: 975px" id="ohAuthCard">
+                <div class="oh-onboarding-card__header">
+                    <span class="oh-onboarding-card__company-name">Horilla HRMS</span>
+                    <ul class="oh-onboarding-card__steps">
+                        <li class="oh-onboarding-card__step oh-onboarding-card__step--active">
+                            <div class="oh-onboarding-card__count">1</div>
+                            <span class="oh-onboarding-card__text">Authentication</span>
+                        </li>
+                        <li class="oh-onboarding-card__step">
+                            <div class="oh-onboarding-card__count">2</div>
+                            <span class="oh-onboarding-card__text">Sign Up</span>
+                        </li>
+                        <li class="oh-onboarding-card__step">
+                            <div class="oh-onboarding-card__count">3</div>
+                            <span class="oh-onboarding-card__text">Company</span>
+                        </li>
+                        <li class="oh-onboarding-card__step">
+                            <div class="oh-onboarding-card__count">4</div>
+                            <span class="oh-onboarding-card__text">Department</span>
+                        </li>
+                        <li class="oh-onboarding-card__step oh-onboarding-card__step">
+                            <div class="oh-onboarding-card__count">5</div>
+                            <span class="oh-onboarding-card__text">Job Position</span>
+                        </li>
+                    </ul>
                 </div>
-              </div>
+                <h1 class="oh-onboarding-card__title oh-onboarding-card__title--h2 text-center my-3">
+                    {% trans "Database Authentication" %}
+                </h1>
+                <p class="text-muted text-center">
+                    {% trans "Authenticate with your password to initialize the Horilla HRMS database." %}
+                </p>
+                <form hx-post="{% url 'initialize-database' %}" hx-target="#ohAuthCard" class="oh-form-group">
+                    {% csrf_token %}
+                    <div class="row">
+                        <div class="col-12 col-sm-12 col-md-12 col-lg-12">
+                            <div class="oh-input-group">
+                                <label class="oh-label" for="password">{% trans "Password" %}</label>
+                                <div class="oh-password-input-container">
+                                    <input type="password" id="password" name="password"
+                                        class="oh-input oh-input--password w-100"
+                                        placeholder="Database authentication password" required />
+                                    <button type="button" class="oh-btn oh-btn--transparent oh-password-input--toggle">
+                                        <ion-icon class="oh-passowrd-input__show-icon" title="Show Password"
+                                            name="eye-outline"></ion-icon>
+                                        <ion-icon class="oh-passowrd-input__hide-icon d-none" title="Hide Password"
+                                            name="eye-off-outline"></ion-icon>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="oh-modal__dialog-footer p-0 mt-3">
+                        <button type="submit" class="oh-btn oh-btn--secondary-outline m-2" role="button">
+                            {% trans "Authenticate" %}
+                            <ion-icon class="ms-2" name="arrow-forward-outline"></ion-icon>
+                        </button>
+                    </div>
+                </form>
             </div>
-            <div class="oh-modal__dialog-footer p-0 mt-3">
-              <button
-                type="submit"
-                class="oh-btn oh-btn--secondary-outline m-2"
-                role="button"
-              >
-                {% trans "Authenticate" %}
-                <ion-icon class="ms-2" name="arrow-forward-outline"></ion-icon>
-              </button>
-            </div>
-          </form>
-        </div>
-        <img src={% if white_label_company.icon %} "{{white_label_company.icon.url}}" {% else %} "{% static 'images/ui/auth-logo.png' %}" {% endif %} alt="Horilla" />
-      </main>
+            <img src={% if white_label_company.icon %}"{{white_label_company.icon.url}}"{% else%}"{% static 'images/ui/auth-logo.png' %}"{% endif %} alt="Horilla" />
+        </main>
     </div>
     <script src="{% static '/build/js/web.frontend.min.js' %}"></script>
     <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
     <script src="{% static 'htmx/htmx.min.js' %}"></script>
-    <script src="{% static 'build/js/hxSelect2.js' %}"></script>
+    <script src="{% static 'build/js/htmxSelect2.js' %}"></script>
     <script src="{% static '/index/index.js' %}"></script>
-    <script
-      type="module"
-      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
-    ></script>
-    <script
-      nomodule
-      src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
-    ></script>
+    <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
+    <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
     <script>
-      $(document).on("htmx:beforeRequest", function (event, data) {
-        var response = event.detail.xhr.response;
-        var target = $(event.detail.elt.getAttribute("hx-target"));
-        if (!target.closest("form").length) {
-          target.html(`<div class="animated-background"></div>`);
-        }
-      });
+        $(document).on("htmx:beforeRequest", function (event, data) {
+            var response = event.detail.xhr.response;
+            var target = $(event.detail.elt.getAttribute("hx-target"));
+            if (!target.closest("form").length) {
+                target.html(`<div class="animated-background"></div>`);
+            }
+        });
     </script>
-  </body>
+</body>
+
 </html>
