diff --git a/templates/base.html b/templates/base.html
index d931f418..fb1cfb98 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -71,6 +71,7 @@
             {% include 'header.html' %}
 
             <div class="content">
+                
                 {% include "plans/expiration_messages.html" %}
                 {% block period_navigation %}
 
@@ -140,5 +141,6 @@
         </script>
         {% block customJS %}
         {% endblock %}
+
     </body>
 </html>
\ No newline at end of file
diff --git a/templates/ledger/journal_entry/journal_entry_list.html b/templates/ledger/journal_entry/journal_entry_list.html
index 16ed0121..9c8c366e 100644
--- a/templates/ledger/journal_entry/journal_entry_list.html
+++ b/templates/ledger/journal_entry/journal_entry_list.html
@@ -41,7 +41,7 @@
 
 
 
-        <div class="table-responsive px-1 scrollbar">
+        <div class="table-responsive px-1 scrollbar fs-9">
             <table class="table align-items-center table-flush">
                 <thead>
                     <tr class="bg-body-highlight">
diff --git a/templates/purchase_orders/includes/card_po.html b/templates/purchase_orders/includes/card_po.html
index baaef53a..9779ca3d 100644
--- a/templates/purchase_orders/includes/card_po.html
+++ b/templates/purchase_orders/includes/card_po.html
@@ -31,7 +31,7 @@
 
 {% if not create_po %}
     {% if style == 'po-detail' %}
-        <div class="card shadow-sm border-0 mb-4">
+        <div class="card shadow-sm border-0 mb-2">
             <div class="card-header bg-light">
                 <div class="d-flex align-items-center">
                     <span class="me-3 text-primary">
@@ -120,7 +120,7 @@
                             <div class="card border-light h-100">
                                 <div class="card-body">
                                     <h5 class="h6 text-muted mb-2">{% trans 'PO Amount' %}</h5>
-                                    <p class="h5">{% currency_symbol %}{{ po_model.po_amount|currency_format }}</p>
+                                    <p class="h5">{{ po_model.po_amount|currency_format }}{% currency_symbol %}</p>
                                 </div>
                             </div>
                         </div>
@@ -128,7 +128,7 @@
                             <div class="card border-light h-100">
                                 <div class="card-body">
                                     <h5 class="h6 text-muted mb-2">{% trans 'Received Amount' %}</h5>
-                                    <p class="h5 text-success">{% currency_symbol %}{{ po_model.po_amount_received|currency_format }}</p>
+                                    <p class="h5 text-success">{{ po_model.po_amount_received|currency_format }}{% currency_symbol %}</p>
                                 </div>
                             </div>
                         </div>
diff --git a/templates/purchase_orders/po_detail.html b/templates/purchase_orders/po_detail.html
index 9b4519c7..6602d050 100644
--- a/templates/purchase_orders/po_detail.html
+++ b/templates/purchase_orders/po_detail.html
@@ -6,9 +6,9 @@
 
 {% block content %}
     <div class="container-fluid mt-4">
-        <div class="row g-4">
-        <!-- Left Sidebar -->
-            <div class="col-lg-4">
+        <div class="row g-1">
+        
+            <div class="col-lg-12">
                 <div class="d-flex flex-column gap-3">
                 <!-- PO Card -->
                     <div class="card">
@@ -17,22 +17,13 @@
                         </div>
                     </div>
 
-                <!-- PO List Button -->
-                    <a class="btn btn-phoenix-primary w-100 py-2"
-                       href="{% url 'purchase_order_list' %}">
-                        <i class="fas fa-list me-2"></i>{% trans 'PO List' %}
-                    </a>
-                </div>
-            </div>
-
-        <!-- Main Content -->
-            <div class="col-lg-8">
-            <!-- Stats Cards -->
-                <div class="card mb-4">
+                <!-- PO Stats Card-->
+                   
+                    <div class="card mb-4">
                     <div class="card-body">
                         <div class="row text-center">
                             <div class="col-md-6 border-end">
-                                <div class="p-3">
+                                <div class="p-2">
                                     <h6 class="text-muted mb-2">{% trans 'PO Amount' %}</h6>
                                     <h3 class="fw-light mb-0">
                                         {% currency_symbol %}{{ po_model.po_amount | absolute | currency_format }}
@@ -40,7 +31,7 @@
                                 </div>
                             </div>
                             <div class="col-md-6">
-                                <div class="p-3">
+                                <div class="p-2">
                                     <h6 class="text-muted mb-2">{% trans 'Amount Received' %}</h6>
                                     <h3 class="fw-light mb-0 text-success">
                                         {% currency_symbol %}{{ po_model.po_amount_received | currency_format }}
@@ -50,11 +41,14 @@
                         </div>
                     </div>
                 </div>
+                </div>
+            </div>
 
+        <div class="col-lg-12">
             <!-- PO Details -->
                 <div class="card">
                     <div class="card-body">
-                        <h3 class="h4 fw-light mb-4">{{ po_model.po_title }}</h3>
+                        <h3 class="h4 fw-light mb-2">{{ po_model.po_title }}</h3>
 
                     <!-- PO Items Table -->
                         <div class="table-responsive">
@@ -62,6 +56,11 @@
                         </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>