diff --git a/staticfiles/css/custom.css b/staticfiles/css/custom.css
index 987242ff..fa1996f6 100644
--- a/staticfiles/css/custom.css
+++ b/staticfiles/css/custom.css
@@ -138,7 +138,8 @@ html[dir="rtl"] .form-icon-container .form-control {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    z-index: 10;
+    z-index: 9999;
+    pointer-events: none;
 }
 
 #spinner-bg {
@@ -150,11 +151,14 @@ html[dir="rtl"] .form-icon-container .form-control {
     background-color: rgba(255, 255, 255, 0.7);
     opacity: 0;
     transition: opacity 500ms ease-in;
-    z-index: 5;
+    visibility: hidden;
+    z-index: 10000;
+    pointer-events: none;
 }
 
 #spinner-bg.htmx-request {
     opacity: .8;
+    visibility: visible;
 }
 
 
diff --git a/staticfiles/images/customers/Gemini_Generated_Image_wf3w0uwf3w0uwf3w_1.png b/staticfiles/images/customers/Gemini_Generated_Image_wf3w0uwf3w0uwf3w_1.png
new file mode 100644
index 00000000..934c1be1
Binary files /dev/null and b/staticfiles/images/customers/Gemini_Generated_Image_wf3w0uwf3w0uwf3w_1.png differ
diff --git a/staticfiles/images/customers/istockphoto-1188035960-612x612.jpg b/staticfiles/images/customers/istockphoto-1188035960-612x612.jpg
new file mode 100644
index 00000000..ede81f81
Binary files /dev/null and b/staticfiles/images/customers/istockphoto-1188035960-612x612.jpg differ
diff --git a/staticfiles/images/logos/users/Gemini_Generated_Image_wf3w0uwf3w0uwf3w.png b/staticfiles/images/logos/users/Gemini_Generated_Image_wf3w0uwf3w0uwf3w.png
new file mode 100644
index 00000000..0b4f99a9
Binary files /dev/null and b/staticfiles/images/logos/users/Gemini_Generated_Image_wf3w0uwf3w0uwf3w.png differ
diff --git a/templates/header.html b/templates/header.html
index 6c3c2d0a..899708f7 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -425,7 +425,7 @@
         aria-label="Toggle Navigation">
         <span class="navbar-toggle-icon"><span class="toggle-line"></span></span>
       </button>
-      <a class="navbar-brand me-1 me-sm-3" href="{% url 'home' %}">
+      <a class="navbar-brand me-1 me-sm-3" href="{% url 'home'%}">
         <div class="d-flex align-items-center">
           <img class="logo-img d-dark-none" src="{% static 'images/logos/logo-d.png' %}" alt="haikal" width="27" />
           <img class="logo-img d-light-none" src="{% static 'images/logos/logo.png' %}" alt="haikal" width="27" />
diff --git a/templates/purchase_orders/po_form.html b/templates/purchase_orders/po_form.html
index 6f9fe141..85550950 100644
--- a/templates/purchase_orders/po_form.html
+++ b/templates/purchase_orders/po_form.html
@@ -10,7 +10,7 @@
 {% endblock %}
 {% block content %}
 
-<main class="d-flex align-items-center justify-content-center min-vh-100 py-5">
+<main class="d-flex align-items-center justify-content-center min-vh-50 py-5">
     <div class="col-12 col-lg-8 col-xl-7">
         <div class="card shadow-lg border-0 rounded-4 overflow-hidden animate__animated animate__fadeInUp">
             <div class="card-header bg-gradient py-4 border-0 rounded-top-4">