diff --git a/templates/header.html b/templates/header.html
index 95fcb815..cadf5166 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -31,17 +31,11 @@
                     <li class="nav-item">
                       <a class="nav-link" href="{% url 'inventory_item_create' request.dealer.slug %}">
                         <div class="d-flex align-items-center">
-                          <span class="nav-link-icon"><span class="fas fa-plus-circle"></span></span><span class="nav-link-text">{% trans "add invenotry item"|capfirst %}</span>
-                        </div>
-                      </a>
-                    </li>
-                    <li class="nav-item">
-                      <a class="nav-link" href="{% url 'purchase_order_list' request.dealer.slug %}">
-                        <div class="d-flex align-items-center">
-                          <span class="nav-link-icon"><span class="fas fa-warehouse"></span></span><span class="nav-link-text">{% trans "purchase Orders"|capfirst %}</span>
+                          <span class="nav-link-icon"><span class="fas fa-plus-circle"></span></span><span class="nav-link-text">{% trans "add inventory item"|capfirst %}</span>
                         </div>
                       </a>
                     </li>
+                     
                     <li class="nav-item">
                       <a class="nav-link" href="{% url 'upload_cars' request.dealer.slug %}">
                         <div class="d-flex align-items-center">
@@ -98,7 +92,15 @@
                         </a>
                       </li>
                     {% endif %}
-
+                    
+                    <li class="nav-item">
+                      <a class="nav-link" href="{% url 'sales_list' request.dealer.slug %}">
+                        <div class="d-flex align-items-center">
+                          <span class="nav-link-icon"><span class="fas fa-money-check"></span></span><span class="nav-link-text">{% trans "Sales Orders"|capfirst %}</span>
+                        </div>
+                      </a>
+                    </li>
+                    
                     {% if perms.django_ledger.view_invoicemodel %}
                       <li class="nav-item">
                         <a class="nav-link" href="{% url 'invoice_list' request.dealer.slug %}">
@@ -117,13 +119,7 @@
                         </a>
                       </li>
                     {% endif %}
-                    <li class="nav-item">
-                      <a class="nav-link" href="{% url 'sales_list' request.dealer.slug %}">
-                        <div class="d-flex align-items-center">
-                          <span class="nav-link-icon"><span class="fas fa-money-check"></span></span><span class="nav-link-text">{% trans "Sales Orders"|capfirst %}</span>
-                        </div>
-                      </a>
-                    </li>
+                    
                   </ul>
                 </div>
               </div>
@@ -271,6 +267,13 @@
                         </a>
                       </li>
                     {% endif %}
+                    <li class="nav-item">
+                      <a class="nav-link" href="{% url 'purchase_order_list' request.dealer.slug %}">
+                        <div class="d-flex align-items-center">
+                          <span class="nav-link-icon"><span class="fas fa-warehouse"></span></span><span class="nav-link-text">{% trans "purchase Orders"|capfirst %}</span>
+                        </div>
+                      </a>
+                    </li>
                   </ul>
                 </div>
               </div>
@@ -474,7 +477,7 @@
                 <div class="my-2 text-center fw-bold fs-10 text-body-quaternary">
                   <a class="text-body-quaternary me-1" href="">Privacy policy</a>&bull;<a class="text-body-quaternary mx-1" href="">Terms</a>&bull;<a class="text-body-quaternary ms-1" href="">Cookies</a>
                 </div>
-      {% else %}
+        {% else %}
         <div class="px-3">
           <a class="btn btn-phoenix-success d-flex flex-center w-100" href="{% url 'account_login' %}"> <span class="me-2" data-feather="log-in"> </span>{% trans 'Sign In' %}</a>
         </div>
diff --git a/templates/purchase_orders/po_detail.html b/templates/purchase_orders/po_detail.html
index 79465d8b..b4b82328 100644
--- a/templates/purchase_orders/po_detail.html
+++ b/templates/purchase_orders/po_detail.html
@@ -7,17 +7,15 @@
 {% block content %}
     <div class="container-fluid mt-4">
         <div class="row g-1">
-
+            
             <div class="col-lg-12">
                 <div class="d-flex flex-column gap-3">
-                <!-- PO Card -->
                     <div class="card">
                         <div class="card-body">
                             {% include 'purchase_orders/includes/card_po.html' with dealer_slug=request.dealer.slug po_model=po_model entity_slug=entity_slug style='po-detail' %}
                         </div>
                     </div>
 
-                <!-- PO List Button -->
                     <a class="btn btn-phoenix-primary w-100 py-2"
                        href="{% url 'purchase_order_list' request.dealer.slug %}">
                         <i class="fas fa-list me-2"></i>{% trans 'PO List' %}
@@ -25,9 +23,8 @@
                 </div>
             </div>
 
-        <!-- Main Content -->
-            <div class="col-lg-8">
-            <!-- Stats Cards -->
+            
+            <div class="col-lg-12">
                 <div class="card mb-4">
                     <div class="card-body">
                         <div class="row text-center">
@@ -51,28 +48,24 @@
                     </div>
                 </div>
             </div>
-        </div>
+        </div> 
+        
+        <div class="row">
+            <div class="col-lg-12">
+                <div class="card">
+                    <div class="card-body">
+                        <h3 class="h4 fw-light mb-2">{{ po_model.po_title }}</h3>
 
-        <div class="col-lg-12">
-            <!-- PO Details -->
-            <div class="card">
-                <div class="card-body">
-                    <h3 class="h4 fw-light mb-2">{{ po_model.po_title }}</h3>
-
-                    <!-- PO Items Table -->
-                    <div class="table-responsive">
-                        {% po_item_table1 po_items %}
+                        <div class="table-responsive">
+                            {% po_item_table1 po_items %}
+                        </div>
                     </div>
                 </div>
+                
             </div>
-                <!--POS list-->
-            <a class="btn btn-phoenix-primary w-100 py-2 mt-2"
-               href="{% url 'purchase_order_list' %}">
-                <i class="fas fa-list me-2"></i>{% trans 'PO List' %}
-            </a>
-        </div>
-    </div>
-    </div>
+        </div> 
+
+    </div> 
 
     {% include "purchase_orders/includes/mark_as.html" %}
 {% endblock %}
@@ -91,15 +84,15 @@
                 document.getElementById('POModalTitle').textContent = title;
 
                 document.getElementById('POModalBody').innerHTML = `
-            <div class="d-flex justify-content-center gap-3">
-                <a class="btn btn-phoenix-primary px-4" href="${actionUrl}">
-                    <i class="fas fa-check-circle me-2"></i>${buttonText}
-                </a>
-                <button class="btn btn-phoenix-secondary" data-bs-dismiss="modal">
-                    <i class="fas fa-times me-2"></i>Cancel
-                </button>
-            </div>
-        `;
+                <div class="d-flex justify-content-center gap-3">
+                    <a class="btn btn-phoenix-primary px-4" href="${actionUrl}">
+                        <i class="fas fa-check-circle me-2"></i>${buttonText}
+                    </a>
+                    <button class="btn btn-phoenix-secondary" data-bs-dismiss="modal">
+                        <i class="fas fa-times me-2"></i>Cancel
+                    </button>
+                </div>
+            `;
 
                 modal.show();
             };