diff --git a/templates/partial/paginator.html.twig b/templates/partial/paginator.html.twig
index 98f8710..1228b8c 100644
--- a/templates/partial/paginator.html.twig
+++ b/templates/partial/paginator.html.twig
@@ -39,8 +39,14 @@
                 {% endif %}
             {% endif %}
             {% for i in startPage..endPage %}
-                <li class="page-item {% if i == _currentPage %}active{% endif %}">
-                    <a class="page-link px-2.5 py-1 rounded-lg bg-gray-50 border border-orange-500 text-orange-500 align-middle" href="#">{{ i }}</a>
+                <li class="page-item}">
+                    <a data-action="click->live#action"
+                        data-live-action-param="paginate"
+                        data-live-page-param="{{ i|number_format }}"
+                        class="page-link px-2.5 py-1 rounded-lg bg-orange-500 text-white align-middle"
+                        {% if i == _currentPage %}style="background-color: #fff; color: darkorange; border: 2px solid darkorange;"{% endif %}
+                        href="#"
+                    >{{ i }}</a>
                 </li>
             {% endfor %}
             {% if endPage < _lastPage %}