diff --git a/templates/items/expenses/expenses_list.html b/templates/items/expenses/expenses_list.html
index 60696c4b..00a5f724 100644
--- a/templates/items/expenses/expenses_list.html
+++ b/templates/items/expenses/expenses_list.html
@@ -12,6 +12,28 @@
             <a href="{% url 'item_expense_create' %}" class="btn btn-md btn-phoenix-primary"><i class="fa fa-plus me-2"></i>{% trans "Add Expense" %}</a>
         </div>
 
+        <div class="col-12">
+            <form method="get" class=" mb-4">
+                <div class="input-group input-group-sm">
+                    <button class="btn btn-sm btn-secondary rounded-start" type="submit">
+                        {% trans "search" %}
+                    </button>
+                    <input type="text"
+                           name="q"
+                           class="form-control form-control-sm rounded-end"
+                           value="{{ request.GET.q }}"
+                           placeholder="{% trans 'Search bank accounts...' %}" />
+                    {% if request.GET.q %}
+                        <a href="{% url request.resolver_match.view_name %}"
+                           class="btn btn-sm btn-outline-danger ms-1 rounded">
+                            <i class="bi bi-x-lg"></i>
+                        </a>
+                    {% endif %}
+                </div>
+            </form>
+        </div>
+
+
         {% if page_obj.object_list %}
         <div class="table-responsive px-1 scrollbar mt-3">
             <table class="table align-items-center table-flush">
@@ -61,8 +83,19 @@
                 </tbody>
             </table>
         </div>
-        <div class="d-flex justify-content-center">
+        
+        <div class="d-flex justify-content-between mt-3"><span class="d-none d-sm-inline-block" data-list-info="data-list-info">{{ page_obj.start_index }} {{ _("to") }} {{ page_obj.end_index }}<span class="text-body-tertiary"> {{ _("Items of")}} </span>{{ page_obj.paginator.count }}</span>
+            <div class="d-flex">
+
+                {% if is_paginated %}
+                    {% include 'partials/pagination.html' %}
+                {% endif %}
+
+            </div>
         </div>
+
+
+
         
     {% endif %}
 
diff --git a/templates/items/service/service_list.html b/templates/items/service/service_list.html
index 346febf8..5c2b0f30 100644
--- a/templates/items/service/service_list.html
+++ b/templates/items/service/service_list.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% load i18n static %}
 
-{% block title %}{{ _("Expenses") }}{% endblock title %}
+{% block title %}{{ _("Services") }}{% endblock title %}
 
 {% block content %}
     
@@ -12,6 +12,28 @@
              <a href="{% url 'item_service_create' %}" class="btn btn-md btn-phoenix-primary"><i class="fa fa-plus me-2"></i>{% trans "Add Service" %}</a>
         </div>
 
+         <div class="col-12">
+            <form method="get" class=" mb-4">
+                <div class="input-group input-group-sm">
+                    <button class="btn btn-sm btn-secondary rounded-start" type="submit">
+                        {% trans "search" %}
+                    </button>
+                    <input type="text"
+                           name="q"
+                           class="form-control form-control-sm rounded-end"
+                           value="{{ request.GET.q }}"
+                           placeholder="{% trans 'Search bank accounts...' %}" />
+                    {% if request.GET.q %}
+                        <a href="{% url request.resolver_match.view_name %}"
+                           class="btn btn-sm btn-outline-danger ms-1 rounded">
+                            <i class="bi bi-x-lg"></i>
+                        </a>
+                    {% endif %}
+                </div>
+            </form>
+        </div>
+
+
         {% if page_obj.object_list %}
         <div class="table-responsive px-1 scrollbar mt-3">
             <table class="table align-items-center table-flush">
@@ -67,7 +89,15 @@
                 </tbody>
             </table>
         </div>
-        <div class="d-flex justify-content-center">
+       
+        <div class="d-flex justify-content-between mt-3"><span class="d-none d-sm-inline-block" data-list-info="data-list-info">{{ page_obj.start_index }} {{ _("to") }} {{ page_obj.end_index }}<span class="text-body-tertiary"> {{ _("Items of")}} </span>{{ page_obj.paginator.count }}</span>
+            <div class="d-flex">
+
+                {% if is_paginated %}
+                    {% include 'partials/pagination.html' %}
+                {% endif %}
+
+            </div>
         </div>
         
     {% endif %}
diff --git a/templates/ledger/bank_accounts/bank_account_list.html b/templates/ledger/bank_accounts/bank_account_list.html
index 3ff56911..7b32195a 100644
--- a/templates/ledger/bank_accounts/bank_account_list.html
+++ b/templates/ledger/bank_accounts/bank_account_list.html
@@ -76,7 +76,14 @@
                 </tbody>
             </table>
         </div>
-         <div class="d-flex justify-content-center">
+         <div class="d-flex justify-content-between mt-3"><span class="d-none d-sm-inline-block" data-list-info="data-list-info">{{ page_obj.start_index }} {{ _("to") }} {{ page_obj.end_index }}<span class="text-body-tertiary"> {{ _("Items of")}} </span>{{ page_obj.paginator.count }}</span>
+            <div class="d-flex">
+
+                {% if is_paginated %}
+                    {% include 'partials/pagination.html' %}
+                {% endif %}
+
+            </div>
         </div>
     {% endif %}
 
diff --git a/templates/ledger/bills/bill_list.html b/templates/ledger/bills/bill_list.html
index 6299e12f..72da3311 100644
--- a/templates/ledger/bills/bill_list.html
+++ b/templates/ledger/bills/bill_list.html
@@ -10,129 +10,102 @@
   </a>
 {% endblock %}
 {% block content %}
-  <div class="d-flex flex-column min-vh-100">
-    <div class="d-grid gap-2 d-md-flex justify-content-md-end">
-      <a href="{% url 'bill_create' %}" class="btn btn-md btn-phoenix-primary">
-        <i class="fa fa-plus me-2"></i>
-        {% trans 'New Bill' %}</a>
-    </div>
-    <div class="d-flex flex-column flex-sm-grow-1 p-4">
-      <main class="d-grid gap-4 p-1">
-        <!-- Search Bar -->
-        <div class="row g-4">
-          <div class="col-12">
-            <div class="row-fluid p-2">
-              <form method="get">
+
+    <div class="row mt-4">
+        <div class="d-flex justify-content-between mb-2">
+             <h3 class="">{% trans "Bills" %}</h3>
+             <a href="{% url 'bill_create' %}" class="btn btn-md btn-phoenix-primary"><i class="fa fa-plus me-2"></i>{% trans 'New Bill' %}</a>
+        </div>
+
+       
+
+        <div class="col-12">
+            <form method="get" class=" mb-4">
                 <div class="input-group input-group-sm">
-                  <button class="btn btn-sm btn-secondary rounded-start" type="submit">{% trans 'search' %}</button>
-                  <input type="text" name="q" class="form-control form-control-sm rounded-end" value="{{ request.GET.q }}" placeholder="{% trans 'Search bills...' %}" />
-                  {% if request.GET.q %}
-                    <a href="{% url request.resolver_match.view_name %}" class="btn btn-sm btn-outline-danger ms-1 rounded"><i class="bi bi-x-lg"></i></a>
-                  {% endif %}
-                </div>
-              </form>
-            </div>
-          </div>
-        </div>
-
-        <!-- Customer Table -->
-        <div id="accountsTable">
-          <div class="table-responsive">
-            <table class="table table-sm fs-9 mb-0">
-              <thead>
-                <tr class="bg-body-highlight">
-                  <th class="border-top border-translucent ps-3">
-                    {% trans 'Bill Number' %}
-                  </th>
-                  <th class="border-top border-translucent">
-                    {% trans 'Bill Status' %}
-                  </th>
-                  <th class="border-top border-translucent text-end pe-3">
-                    {% trans 'Vendor' %}
-                  </th>
-                  <th class="border-top border-translucent text-end pe-3" scope="col">Action</th>
-                </tr>
-              </thead>
-              <tbody class="list">
-                {% for bill in bills %}
-                  <tr>
-                    <td class="align-middle ps-3">{{ bill.bill_number }}</td>
-                    <td class="align-middle">
-                      {% if bill.is_draft %}
-                        <span class="badge badge-phoenix badge-phoenix-warning">
-                      {% elif bill.is_review %}
-                        <span class="badge badge-phoenix badge-phoenix-info">
-                      {% elif bill.is_approved %}
-                        <span class="badge badge-phoenix badge-phoenix-success">
-                      {% elif bill.is_paid %}
-                        <span class="badge badge-phoenix badge-phoenix-success">
-                      {% endif %}
-                      {{ bill.bill_status }}
-                    </span>
-                  </td>
-                  <td class="align-middle text-end py-3 pe-3">
-                    {{bill.vendor.vendor_name}}
-                  </td>
-                  <td class="align-middle text-end py-3 pe-3">
-                    <div class="btn-reveal-trigger position-static">
-                      <button class="btn btn-sm dropdown-toggle dropdown-caret-none transition-none btn-reveal fs-10" type="button" data-bs-toggle="dropdown" data-boundary="window" aria-haspopup="true" aria-expanded="false" data-bs-reference="parent"><span class="fas fa-ellipsis-h fs-10"></span></button>
-                      <div class="dropdown-menu dropdown-menu-end py-2">
-                        <a href="{% url 'bill_detail' bill.pk %}" class="dropdown-item text-success-dark">{% trans 'View' %}</a>
-                      </div>
-                    </div>
-                  </td>
-                  </tr>
-                {% empty %}
-                  <tr>
-                    <td colspan="5" class="text-center text-muted">
-                      {% trans 'No bill found.' %}
-                    </td>
-                  </tr>
-                {% endfor %}
-              </tbody>
-            </table>
-          </div>
-
-          <div class="d-flex justify-content-between mt-3">
-            <span class="d-none d-sm-inline-block" data-list-info="data-list-info">{{ page_obj.start_index }} {{ _('to') }} {{ page_obj.end_index }}<span class="text-body-tertiary">{{ _('Items of') }}</span>{{ page_obj.paginator.count }}</span>
-            <div class="d-flex">
-              <nav aria-label="Page navigation">
-                <ul class="pagination mb-0">
-                  {% if page_obj.has_previous %}
-                    <li class="page-item py-0">
-                      <a class="page-link" href="?page={{ page_obj.previous_page_number }}" aria-label="Previous"><span aria-hidden="true"><span class="fas fa-chevron-left"></span></span></a>
-                    </li>
-                  {% else %}
-                    <li class="page-item disabled">
-                      <a class="page-link" href="#" aria-label="Previous"><span aria-hidden="true"><span class="fas fa-chevron-left"></span></span></a>
-                    </li>
-                  {% endif %}
-                  {% for num in page_obj.paginator.page_range %}
-                    {% if page_obj.number == num %}
-                      <li class="page-item active">
-                        <a class="page-link" href="?page={{ num }}">{{ num }}</a>
-                      </li>
-                    {% else %}
-                      <li class="page-item">
-                        <a class="page-link" href="?page={{ num }}">{{ num }}</a>
-                      </li>
+                    <button class="btn btn-sm btn-secondary rounded-start" type="submit">
+                        {% trans "search" %}
+                    </button>
+                    <input type="text"
+                           name="q"
+                           class="form-control form-control-sm rounded-end"
+                           value="{{ request.GET.q }}"
+                           placeholder="{% trans 'Search bills...' %}" />
+                    {% if request.GET.q %}
+                        <a href="{% url request.resolver_match.view_name %}"
+                           class="btn btn-sm btn-outline-danger ms-1 rounded">
+                            <i class="bi bi-x-lg"></i>
+                        </a>
                     {% endif %}
-                  {% endfor %}
-                  {% if page_obj.has_next %}
-                    <li class="page-item">
-                      <a class="page-link" href="?page={{ page_obj.next_page_number }}" aria-label="Next"><span aria-hidden="true"><span class="fas fa-chevron-right"></span></span></a>
-                    </li>
-                  {% else %}
-                    <li class="page-item disabled">
-                      <a class="page-link" href="#" aria-label="Next"><span aria-hidden="true"><span class="fas fa-chevron-right"></span></span></a>
-                    </li>
-                  {% endif %}
-                </ul>
-              </nav>
-            </div>
-          </div>
+                </div>
+            </form>
         </div>
-      </main>
+
+         
+
+      
+        <div class="table-responsive px-1 scrollbar mt-3">
+            <table class="table align-items-center table-flush">
+                <thead>
+                    <tr class="bg-body-highlight">
+                        <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Bill Number' %}</th>
+                        <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Bill Status' %}</th>
+                        <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Vendor' %}</th>
+                        <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Action'%}</th>
+                    </tr>
+                </thead>
+        
+            <tbody class="list">
+                    {% for bill in bills %} 
+
+                        <tr class="hover-actions-trigger btn-reveal-trigger position-static">
+                            <td class="align-middle product white-space-nowrap">
+                              {{ bill.bill_number }}
+                            </td>
+                            <td class="align-middle product white-space-nowrap">
+                                   {% if bill.is_draft %}
+                                    <span class="badge badge-phoenix badge-phoenix-warning">
+                                   {% elif bill.is_review %}
+                                    <span class="badge badge-phoenix badge-phoenix-info">
+                                    {% elif bill.is_approved %}
+                                      <span class="badge badge-phoenix badge-phoenix-success">
+                                     {% elif bill.is_paid %}
+                                   <span class="badge badge-phoenix badge-phoenix-success">
+                                    {% endif %}
+                                    {{ bill.bill_status }}
+                                   </span>
+                            </td>
+                            <td class="align-middle product white-space-nowrap">
+                                  {{bill.vendor.vendor_name}}
+                            </td>
+                            <td class="align-middle product white-space-nowrap">
+                               <div class="btn-reveal-trigger position-static">
+                               <button class="btn btn-sm dropdown-toggle dropdown-caret-none transition-none btn-reveal fs-10" type="button" data-bs-toggle="dropdown" data-boundary="window" aria-haspopup="true" aria-expanded="false" data-bs-reference="parent"><span class="fas fa-ellipsis-h fs-10"></span></button>
+                              <div class="dropdown-menu dropdown-menu-end py-2">
+                                <a href="{% url 'bill_detail' bill.pk %}" class="dropdown-item text-success-dark">{% trans 'View' %}</a>
+                              </div>
+                               </div>
+                               
+                        </tr>
+                    {% empty %}
+                    <tr>
+                       <td colspan="5" class="text-center text-muted">
+                         {% trans 'No bill found.' %}
+                          </td>
+                    </tr>
+                   {% endfor %}
+                </tbody>
+            </table>
+        </div>
+          <div class="d-flex justify-content-between mt-3"><span class="d-none d-sm-inline-block" data-list-info="data-list-info">{{ page_obj.start_index }} {{ _("to") }} {{ page_obj.end_index }}<span class="text-body-tertiary"> {{ _("Items of")}} </span>{{ page_obj.paginator.count }}</span>
+            <div class="d-flex">
+
+                {% if is_paginated %}
+                    {% include 'partials/pagination.html' %}
+                {% endif %}
+
+            </div>
+        </div>
+
     </div>
-  </div>
+   
 {% endblock %}
diff --git a/templates/ledger/coa_accounts/account_detail.html b/templates/ledger/coa_accounts/account_detail.html
index fc051955..f92aebf3 100644
--- a/templates/ledger/coa_accounts/account_detail.html
+++ b/templates/ledger/coa_accounts/account_detail.html
@@ -6,7 +6,7 @@
 {% endblock %}
 
 {% block content %}
-  <!-- Delete Modal -->
+  
   <div class="modal fade" id="deleteModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-sm">
       <div class="modal-content rounded">
@@ -56,58 +56,82 @@
             </p>
           </div>
         </div>
-        <div class="row">
-          <div class="table-responsive">
-            <table class="table table-sm fs-9 mb-0">
-              <tr>
-                <th class="has-text-centered">{{ _('JE Number') }}</th>
-                <th class="has-text-centered">{{ _('Date') }}</th>
-                <th class="has-text-centered">{{ _('Debit') }}</th>
-                <th class="has-text-centered">{{ _('Credit') }}</th>
-                <th class="has-text-centered">{{ _('Description') }}</th>
+       
+        <div class="row mt-4">
+        
+        <div class="table-responsive px-1 scrollbar mt-3">
+            <table class="table align-items-center table-flush">
+                <thead>
+                    <tr class="bg-body-highlight">
+                        <th class="sort white-space-nowrap align-middle" scope="col">{{ _('JE Number') }}</th>
+                        <th class="sort white-space-nowrap align-middle" scope="col">{{ _('Date') }}</th>
+                        <th class="sort white-space-nowrap align-middle" scope="col">{{ _('Debit') }}</th>
+                        <th class="sort white-space-nowrap align-middle" scope="col">{{ _('Credit') }}</th>
+                        <th class="sort white-space-nowrap align-middle" scope="col">{{ _('Description') }}</th>
+                        <th class="sort white-space-nowrap align-middle" scope="col">{{ _('Actions') }}</th>
+                    </tr>
+                </thead>
+                <tbody class="list">
+                       {% for tx in account.transactionmodel_set.all %}
+                        <tr class="hover-actions-trigger btn-reveal-trigger position-static">
+                            <td class="align-middle product white-space-nowrap">
+                              {{ tx.journal_entry.je_number }}
+                            </td>
+                            <td class="align-middle product white-space-nowrap">
+                               {{ tx.journal_entry.timestamp }}
+                            </td>
+                            <td class="align-middle product white-space-nowrap">
+                                {% if tx.tx_type == 'debit' %}
+                                 <i class="fa-solid fa-circle-up"></i> {{ tx.amount }}
+                                {% endif %}
+                            </td>
+                            <td class="align-middle product white-space-nowrap">
+                                {% if tx.tx_type == 'credit' %}
+                                 <i class="fa-solid fa-circle-down"></i> {{ tx.amount }}
+                                {% endif %}
+                            </td>
+                            <td class="align-middle product white-space-nowrap">
+                                {{ tx.description }}
+                            </td>
+                            <td class="align-middle white-space-nowrap text-start">
+                                              <div class="btn-reveal-trigger position-static">
+                                       <button class="btn btn-sm dropdown-toggle dropdown-caret-none transition-none btn-reveal fs-10" type="button" data-bs-toggle="dropdown" data-boundary="window" aria-haspopup="true" aria-expanded="false" data-bs-reference="parent"><span class="fas fa-ellipsis-h fs-10"></span></button>
+                                      <div class="dropdown-menu dropdown-menu-end py-2">
+                                       <a class="dropdown-item" href="{% url 'payment_details' tx.journal_entry.pk %}">{% trans 'view'|capfirst %}</a>
+                                     </div>
+                                       </div>
+                            </td>
+                        </tr>
+                         {% endfor %}
 
-                <th class="has-text-centered">{{ _('Actions') }}</th>
-              </tr>
-
-              {% for tx in account.transactionmodel_set.all %}
-                <tr class="has-text-centered">
-                  <td>{{ tx.journal_entry.je_number }}</td>
-                  <td>{{ tx.journal_entry.timestamp }}</td>
-                  <td class="text-success">
-                    {% if tx.tx_type == 'debit' %}
-                      <i class="fa-solid fa-circle-up"></i> {{ tx.amount }}
-                    {% endif %}
-                  </td>
-                  <td class="text-danger">
-                    {% if tx.tx_type == 'credit' %}
-                      <i class="fa-solid fa-circle-down"></i> {{ tx.amount }}
-                    {% endif %}
-                  </td>
-                  <td>{{ tx.description }}</td>
-
-                  <td>
-                    <div class="btn-reveal-trigger position-static">
-                      <button class="btn btn-sm dropdown-toggle dropdown-caret-none transition-none btn-reveal fs-10" type="button" data-bs-toggle="dropdown" data-boundary="window" aria-haspopup="true" aria-expanded="false" data-bs-reference="parent"><span class="fas fa-ellipsis-h fs-10"></span></button>
-                      <div class="dropdown-menu dropdown-menu-end py-2">
-                        <a class="dropdown-item" href="{% url 'payment_details' tx.journal_entry.pk %}">{% trans 'view'|capfirst %}</a>
-                      </div>
-                    </div>
-                  </td>
-                </tr>
-              {% endfor %}
-              <tr class="has-text-weight-bold">
-                <td></td>
-                <td class="has-text-right"><span class="fw-bold fs-8">{{ _("Total") }}</span></td>
-                <td class="has-text-centered"><span class="fw-bold fs-8 text-success">{{ total_debits }} <span class="currency">{{ CURRENCY }}</span></span></td>
-                <td class="has-text-centered"><span class="fw-bold fs-8 text-danger">{{ total_credits }} <span class="currency">{{ CURRENCY }}</span></span></td>
-                <td></td>
-                <td></td>
-                <td></td>
-              </tr>
+                         <tr class="hover-actions-trigger btn-reveal-trigger position-static">
+                            <td class="align-middle product white-space-nowrap">
+                               
+                            </td>
+                            <td class="align-middle product white-space-nowrap">
+                               <span class="fw-bold fs-8">{{ _("Total") }}</span>
+                            </td>
+                            <td class="align-middle product white-space-nowrap">
+                                <span class="fw-bold fs-8 text-success">{{ total_debits }} <span class="currency">{{ CURRENCY }}</span></span>
+                            </td>
+                            <td class="align-middle product white-space-nowrap">
+                                <span class="fw-bold fs-8 text-danger">{{ total_credits }} <span class="currency">{{ CURRENCY }}</span></span>
+                            </td>
+                            <td class="align-middle product white-space-nowrap">
+                                
+                            </td>
+                            <td class="align-middle white-space-nowrap text-start">
+                               
+                            </td>
+                        </tr>
+                  
+                </tbody>
             </table>
-          </div>
         </div>
-      </div>
+        
+
+    </div>
+     
       <div class="mt-3 d-flex">
         <a class="btn btn-sm btn-phoenix-primary me-1" href="{% url 'account_update' account.pk %}">
           <!-- <i class="bi bi-pencil-square"></i> -->
@@ -122,6 +146,8 @@
           <i class="fa-regular fa-circle-left"></i> {% trans 'Back to List' %}
         </a>
       </div>
+
     </div>
   </div>
+  <!--test-->
 {% endblock %}
diff --git a/templates/ledger/coa_accounts/account_list.html b/templates/ledger/coa_accounts/account_list.html
index 380bba3e..2dd35aab 100644
--- a/templates/ledger/coa_accounts/account_list.html
+++ b/templates/ledger/coa_accounts/account_list.html
@@ -145,4 +145,6 @@
     </div>
     <!--test-->
 
-{% endblock %}
\ No newline at end of file
+{% endblock %}
+
+
diff --git a/templates/ledger/journal_entry/journal_entry_list.html b/templates/ledger/journal_entry/journal_entry_list.html
index 2ac4b75c..12159875 100644
--- a/templates/ledger/journal_entry/journal_entry_list.html
+++ b/templates/ledger/journal_entry/journal_entry_list.html
@@ -31,33 +31,20 @@
         </div>
     </div>
 
+   <!--test-->
     <div class="row mt-4">
-        <div class="d-flex justify-content-between mb-2">
-            <h3 class="">{% trans "Journal Entries" %}</h3>
-            <div class="d-flex gap-2">
-        {% comment %} {% if ledger.is_posted %}
-            {% if ledger.is_locked %}
-                <a class="btn btn-sm btn-phoenix-danger" href="{% url 'unlock_all_journals' ledger.entity_slug ledger.pk %} ">{% trans 'UnLock All' %}</a>
-            {% else %}
-                <a class="btn btn-sm btn-phoenix-danger" href="{% url 'lock_all_journals' ledger.entity_slug ledger.pk %} ">{% trans 'Lock All' %}</a>
-            {% endif %}
-        {% endif %}
-        {% if not ledger.is_locked %}
-            {% if ledger.is_posted %}
-            <a class="btn btn-sm btn-phoenix-success" href="{% url 'unpost_all_journals' ledger.entity_slug ledger.pk %} ">{% trans 'UnPost All' %}</a>
-            {% else %}                
-                <a class="btn btn-sm btn-phoenix-success" href="{% url 'post_all_journals' ledger.entity_slug ledger.pk %} ">{% trans 'Post All' %}</a>
-            {% endif %}        
-        {% endif %}         {% endcomment %}
-                <a href="{% url 'journalentry_create' ledger.pk %}" class="btn btn-sm btn-phoenix-primary">{% trans "Add Journal Entry" %}</a>
-            </div>
-        </div>
-    </div>
 
-    <div class="table-responsive px-1 scrollbar">
-        <table class="table fs-9 mb-0 border-top border-translucent">
+        <div class="d-flex justify-content-between mb-2">
+             <h3 class="">{% trans "Journal Entries" %}</h3>
+             <a href="{% url 'journalentry_create' ledger.pk %}" class="btn btn-md btn-phoenix-primary"><i class="fa fa-plus me-2"></i>{% trans "Add Journal Entry" %}</a>
+        </div>
+               
+    
+
+      <div class="table-responsive px-1 scrollbar">
+        <table class="table align-items-center table-flush">
             <thead>
-                <tr>
+                <tr class="bg-body-highlight">
                     <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Document Number" %}</th>
                     <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Timestamp" %}</th>
                     <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Activity" %}</th>
@@ -126,8 +113,10 @@
             </tbody>
         </table>
     </div>
-    <div class="d-flex justify-content-center">
-    </div>
+
 
     </div>
+    <!--test-->
+
+    
 {% endblock %}
\ No newline at end of file
diff --git a/templates/ledger/journal_entry/journal_entry_transactions.html b/templates/ledger/journal_entry/journal_entry_transactions.html
index 37c19d69..24810adb 100644
--- a/templates/ledger/journal_entry/journal_entry_transactions.html
+++ b/templates/ledger/journal_entry/journal_entry_transactions.html
@@ -11,9 +11,9 @@
         <h3 class="mb-3 mt-5"><i class="fa-solid fa-right-left"></i> {% trans "Transactions" %}</h3>
 
         <div class="table-responsive px-1 scrollbar">
-            <table class="table fs-9 mb-0 border-top border-translucent">
+            <table class="table align-items-center table-flush">
                 <thead>
-                    <tr>
+                    <tr class="bg-body-highlight">
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "#" %}</th>
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Timestamp" %}</th>
                         <th class="sort white-space-nowrap align-middle" scope="col">{% trans "Account Name" %}</th>
diff --git a/templates/ledger/ledger/ledger_list.html b/templates/ledger/ledger/ledger_list.html
index 3eaea9ff..db9b6138 100644
--- a/templates/ledger/ledger/ledger_list.html
+++ b/templates/ledger/ledger/ledger_list.html
@@ -12,6 +12,28 @@
              <h3 class="">{% trans "Ledger" %}</h3>
              <a href="{% url 'ledger_create' %}" class="btn btn-md btn-phoenix-primary"><i class="fa fa-plus me-2"></i>{% trans 'Create Ledger' %}</a>
         </div>
+
+         <div class="col-12">
+            <form method="get" class=" mb-4">
+                <div class="input-group input-group-sm">
+                    <button class="btn btn-sm btn-secondary rounded-start" type="submit">
+                        {% trans "search" %}
+                    </button>
+                    <input type="text"
+                           name="q"
+                           class="form-control form-control-sm rounded-end"
+                           value="{{ request.GET.q }}"
+                           placeholder="{% trans 'Search ledgers...' %}" />
+                    {% if request.GET.q %}
+                        <a href="{% url request.resolver_match.view_name %}"
+                           class="btn btn-sm btn-outline-danger ms-1 rounded">
+                            <i class="bi bi-x-lg"></i>
+                        </a>
+                    {% endif %}
+                </div>
+            </form>
+        </div>
+
        
         <div class="table-responsive px-1 scrollbar mt-3">
             <table class="table align-items-center table-flush">
@@ -122,7 +144,15 @@
                 </tbody>
             </table>
         </div>
-        <div class="d-flex justify-content-center">
+
+         <div class="d-flex justify-content-between mt-3"><span class="d-none d-sm-inline-block" data-list-info="data-list-info">{{ page_obj.start_index }} {{ _("to") }} {{ page_obj.end_index }}<span class="text-body-tertiary"> {{ _("Items of")}} </span>{{ page_obj.paginator.count }}</span>
+            <div class="d-flex">
+
+                {% if is_paginated %}
+                    {% include 'partials/pagination.html' %}
+                {% endif %}
+
+            </div>
         </div>
     
 
diff --git a/templates/vendors/vendors_list.html b/templates/vendors/vendors_list.html
index 4775dd9d..21c891d7 100644
--- a/templates/vendors/vendors_list.html
+++ b/templates/vendors/vendors_list.html
@@ -5,7 +5,7 @@
 {% block vendors %}<a class="nav-link active">{{ _("Vendors")|capfirst }}</a>{% endblock %}
 
 {% block content %}
-  
+
   
     <div class="row mt-4">
         <div class="d-flex justify-content-between mb-2">
@@ -128,11 +128,15 @@
                 </tbody>
             </table>
         </div>
-        <div class="row align-items-center justify-content-end py-4 pe-0 fs-9">
-       <!-- Optional: Pagination -->
-           {% if is_paginated %}
-            {% include 'partials/pagination.html' %}
-            {% endif %}
+        
+        <div class="d-flex justify-content-between mt-3"><span class="d-none d-sm-inline-block" data-list-info="data-list-info">{{ page_obj.start_index }} {{ _("to") }} {{ page_obj.end_index }}<span class="text-body-tertiary"> {{ _("Items of")}} </span>{{ page_obj.paginator.count }}</span>
+            <div class="d-flex">
+
+                {% if is_paginated %}
+                    {% include 'partials/pagination.html' %}
+                {% endif %}
+
+            </div>
         </div>
         
     {% endif %}