diff --git a/templates/plans/order_list.html b/templates/plans/order_list.html
index 732d5195..98d8ad98 100644
--- a/templates/plans/order_list.html
+++ b/templates/plans/order_list.html
@@ -4,40 +4,38 @@
 
 {% block body %}
     {% block order_header %}
-        <h1>{% trans "List of orders" %}</h1>
+        <h3 class="mt-4"><i class="fa-solid fa-list me-2"></i>{% trans "List of orders" %}</h3>
     {% endblock %}
 
     {% if object_list %}
-        {% block pagination_first %}
-            {% include "plans/pagination.html" %}
-        {% endblock %}
+       
 
         {% block order_table %}
-            <div class="table-responsive">
-                <table class="table fs-9 mb-0 border-top border-translucent">
+            <div class="table-responsive px-1 scrollbar mt-3">
+                <table class="table align-items-center table-flush">
                     <thead>
-                        <tr>
+                        <tr class="bg-body-highlight">
                             <th>ID</th>
-                            <th>{% trans 'Name' %}</th>
-                            <th>{% trans 'Created' context 'order created' %}</th>
-                            <th>{% trans 'Status' context 'order status' %}</th>
-                            <th>{% trans 'Completed' context 'order completed' %}</th>
-                            <th>{% trans 'Total' context 'total amount, value' %}</th>
-                            <th>{% trans 'Plan valid from' %}</th>
-                            <th>{% trans 'Plan valid until' %}</th>
+                            <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Name' %}</th>
+                            <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Created' context 'order created' %}</th>
+                            <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Status' context 'order status' %}</th>
+                            <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Completed' context 'order completed' %}</th>
+                            <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Total' context 'total amount, value' %}</th>
+                            <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Plan valid from' %}</th>
+                            <th class="sort white-space-nowrap align-middle" scope="col">{% trans 'Plan valid until' %}</th>
                         </tr>
                     </thead>
                     <tbody>
                         {% for order in object_list %}
                             <tr class="{% if order.status == 2 %}success{% elif order.status == 3 %}danger{% elif order.status == 4 %}warning{% elif order.status == 5 %}info{% endif %}">
-                                <td><a href="{{ order.get_absolute_url }}">{{ order.pk }}</a></td>
-                                <td><a href="{{ order.get_absolute_url }}">{{ order.name }}</a></td>
-                                <td class="date">{{ order.created|date }}</td>
-                                <td class="status">{{ order.get_status_display }}</td>
-                                <td class="date">{{ order.completed|date|default:"-" }}</td>
-                                <td class="number">{{ order.total }}&nbsp;{{ CURRENCY }}</td>
-                                <td class="date">{{ order.plan_extended_from|date|default:"-" }}</td>
-                                <td class="date">{{ order.plan_extended_until|date|default:"-" }}</td>
+                                <td class="align-middle product white-space-nowrap"><a href="{{ order.get_absolute_url }}">{{ order.pk }}</a></td>
+                                <td class="align-middle product white-space-nowrap"><a href="{{ order.get_absolute_url }}">{{ order.name }}</a></td>
+                                <td class="date align-middle product white-space-nowrap">{{ order.created|date }}</td>
+                                <td class="status align-middle product white-space-nowrap">{{ order.get_status_display }}</td>
+                                <td class="date align-middle product white-space-nowrap">{{ order.completed|date|default:"-" }}</td>
+                                <td class="number align-middle product white-space-nowrap">{{ order.total }}&nbsp;{{ CURRENCY }}</td>
+                                <td class="date align-middle product white-space-nowrap">{{ order.plan_extended_from|date|default:"-" }}</td>
+                                <td class="date align-middle product white-space-nowrap">{{ order.plan_extended_until|date|default:"-" }}</td>
                             </tr>
                         {% endfor %}
                     </tbody>
@@ -52,4 +50,7 @@
     {% else %}
         {% blocktrans %}You do not have any orders so far.{% endblocktrans %}
     {% endif %}
+
+
+
 {% endblock %}