diff --git a/app/templates/transactions/pages/transactions.html b/app/templates/transactions/pages/transactions.html
index e70cdd4..2a53c95 100644
--- a/app/templates/transactions/pages/transactions.html
+++ b/app/templates/transactions/pages/transactions.html
@@ -7,7 +7,7 @@
 {% block content %}
 <div class="container-fluid px-md-3 py-3 column-gap-5">
   <div class="row gx-xl-4 gy-3">
-    <div class="col-12 col-xl-3">
+    <div class="col-12 col-xl-3 order-0 order-xl-0">
       {#      Filter transactions#}
       <div class="row mb-1">
           <div class="col-12">
@@ -27,7 +27,7 @@
           </div>
         </div>
     </div>
-    <div class="col-12 col-xl-6">
+    <div class="col-12 col-xl-6 order-2 order-xl-1">
       <div class="text-end tw-justify-end tw-flex tw-text-sm mb-3">
         <div class="tw-content-center" _="on change trigger updated on window">
           <label for="order">{% translate "Order by" %}</label>
@@ -44,7 +44,7 @@
            hx-trigger="load, updated from:window" hx-include="#filter, #page, #order">
       </div>
     </div>
-    <div class="col-12 col-xl-3">
+    <div class="col-12 col-xl-3 order-1 order-xl-2">
       <div id="transactions"
            class="show-loading"
            hx-get="{% url 'transactions_all_summary' %}"