diff --git a/app/templates/account_groups/pages/index.html b/app/templates/account_groups/pages/index.html
index ca29ff5..0e54096 100644
--- a/app/templates/account_groups/pages/index.html
+++ b/app/templates/account_groups/pages/index.html
@@ -4,5 +4,5 @@
 {% block title %}{% translate 'Account Groups' %}{% endblock %}
 
 {% block content %}
-<div hx-get="{% url 'account_groups_list' %}" hx-trigger="load, updated from:window" class="show-loading mx-5"></div>
+<div hx-get="{% url 'account_groups_list' %}" hx-trigger="load, updated from:window" class="show-loading"></div>
 {% endblock %}
diff --git a/app/templates/accounts/pages/index.html b/app/templates/accounts/pages/index.html
index 8e8b898..ac54dd1 100644
--- a/app/templates/accounts/pages/index.html
+++ b/app/templates/accounts/pages/index.html
@@ -4,5 +4,5 @@
 {% block title %}{% translate 'Accounts' %}{% endblock %}
 
 {% block content %}
-<div hx-get="{% url 'accounts_list' %}" hx-trigger="load, updated from:window" class="show-loading mx-5"></div>
+<div hx-get="{% url 'accounts_list' %}" hx-trigger="load, updated from:window" class="show-loading"></div>
 {% endblock %}
diff --git a/app/templates/categories/pages/index.html b/app/templates/categories/pages/index.html
index 5599e45..4714017 100644
--- a/app/templates/categories/pages/index.html
+++ b/app/templates/categories/pages/index.html
@@ -4,5 +4,5 @@
 {% block title %}{% translate 'Categories' %}{% endblock %}
 
 {% block content %}
-<div hx-get="{% url 'categories_list' %}" hx-trigger="load, updated from:window" class="show-loading mx-5"></div>
+<div hx-get="{% url 'categories_list' %}" hx-trigger="load, updated from:window" class="show-loading"></div>
 {% endblock %}
diff --git a/app/templates/currencies/pages/index.html b/app/templates/currencies/pages/index.html
index 0bdfb54..e02250c 100644
--- a/app/templates/currencies/pages/index.html
+++ b/app/templates/currencies/pages/index.html
@@ -4,5 +4,5 @@
 {% block title %}{% translate 'Currencies' %}{% endblock %}
 
 {% block content %}
-<div hx-get="{% url 'currencies_list' %}" hx-trigger="load, updated from:window" class="show-loading mx-5"></div>
+<div hx-get="{% url 'currencies_list' %}" hx-trigger="load, updated from:window" class="show-loading"></div>
 {% endblock %}
diff --git a/app/templates/exchange_rates/pages/index.html b/app/templates/exchange_rates/pages/index.html
index cf6f324..5527f7a 100644
--- a/app/templates/exchange_rates/pages/index.html
+++ b/app/templates/exchange_rates/pages/index.html
@@ -4,5 +4,5 @@
 {% block title %}{% translate 'Exchange Rates' %}{% endblock %}
 
 {% block content %}
-<div hx-get="{% url 'exchange_rates_list' %}" hx-trigger="load, updated from:window" class="show-loading mx-5"></div>
+<div hx-get="{% url 'exchange_rates_list' %}" hx-trigger="load, updated from:window" class="show-loading"></div>
 {% endblock %}
diff --git a/app/templates/installment_plans/pages/index.html b/app/templates/installment_plans/pages/index.html
index 90ef4a7..59b9bc6 100644
--- a/app/templates/installment_plans/pages/index.html
+++ b/app/templates/installment_plans/pages/index.html
@@ -4,5 +4,5 @@
 {% block title %}{% translate 'Installment Plans' %}{% endblock %}
 
 {% block content %}
-<div hx-get="{% url 'installment_plans_list' %}" hx-trigger="load, updated from:window" class="show-loading mx-5"></div>
+<div hx-get="{% url 'installment_plans_list' %}" hx-trigger="load, updated from:window" class="show-loading"></div>
 {% endblock %}
diff --git a/app/templates/recurring_transactions/pages/index.html b/app/templates/recurring_transactions/pages/index.html
index 80e0f26..44172c7 100644
--- a/app/templates/recurring_transactions/pages/index.html
+++ b/app/templates/recurring_transactions/pages/index.html
@@ -4,5 +4,5 @@
 {% block title %}{% translate 'Recurring Transactions' %}{% endblock %}
 
 {% block content %}
-<div hx-get="{% url 'recurring_transaction_list' %}" hx-trigger="load, updated from:window" class="show-loading mx-5"></div>
+<div hx-get="{% url 'recurring_transaction_list' %}" hx-trigger="load, updated from:window" class="show-loading"></div>
 {% endblock %}
diff --git a/app/templates/tags/pages/index.html b/app/templates/tags/pages/index.html
index 746a388..a8fce6b 100644
--- a/app/templates/tags/pages/index.html
+++ b/app/templates/tags/pages/index.html
@@ -4,5 +4,5 @@
 {% block title %}{% translate 'Tags' %}{% endblock %}
 
 {% block content %}
-<div hx-get="{% url 'tags_list' %}" hx-trigger="load, updated from:window" class="show-loading mx-5"></div>
+<div hx-get="{% url 'tags_list' %}" hx-trigger="load, updated from:window" class="show-loading"></div>
 {% endblock %}
diff --git a/frontend/src/styles/_animations.scss b/frontend/src/styles/_animations.scss
index 72aa8bf..e5f83f6 100644
--- a/frontend/src/styles/_animations.scss
+++ b/frontend/src/styles/_animations.scss
@@ -105,8 +105,8 @@
     content: '';
     position: absolute;
     top: 0;
-    left: -8px;
-    right: -8px;
+    left: 0;
+    right: 0;
     bottom: 0;
     backdrop-filter: blur(4px);
     z-index: 100;