diff --git a/app/templates/account_groups/fragments/list.html b/app/templates/account_groups/fragments/list.html
index 10878e7..5eea86d 100644
--- a/app/templates/account_groups/fragments/list.html
+++ b/app/templates/account_groups/fragments/list.html
@@ -14,47 +14,50 @@
     {% endspaceless %}
   </div>
 
-  <div class="border p-3 rounded-3 table-responsive">
-    {% if account_groups %}
-    <table class="table table-hover">
-    <thead>
-      <tr>
-        <th scope="col" class="col-auto"></th>
-        <th scope="col" class="col">{% translate 'Name' %}</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for account_group in account_groups %}
-      <tr class="account_group">
-        <td class="col-auto">
-          <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
-            <a class="btn btn-secondary btn-sm"
-                  role="button"
-                  data-bs-toggle="tooltip"
-                  data-bs-title="{% translate "Edit" %}"
-                  hx-get="{% url 'account_group_edit' pk=account_group.id %}"
-                  hx-target="#generic-offcanvas">
-              <i class="fa-solid fa-pencil fa-fw"></i></a>
-            <a class="btn btn-secondary btn-sm text-danger"
-                    role="button"
-                    data-bs-toggle="tooltip"
-                    data-bs-title="{% translate "Delete" %}"
-                    hx-delete="{% url 'account_group_delete' pk=account_group.id %}"
-                    hx-trigger='confirmed'
-                    data-bypass-on-ctrl="true"
-                    data-title="{% translate "Are you sure?" %}"
-                    data-text="{% translate "You won't be able to revert this!" %}"
-                    data-confirm-text="{% translate "Yes, delete it!" %}"
-                    _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
-          </div>
-        </td>
-        <td class="col">{{ account_group.name }}</td>
-      </tr>
-      {% endfor %}
-    </tbody>
-  </table>
-    {% else %}
-    <c-msg.empty title="{% translate "No account groups" %}" remove-padding></c-msg.empty>
-    {% endif %}
+  <div class="card">
+    <div class="card-body table-responsive">
+      {% if account_groups %}
+      <c-config.search></c-config.search>
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th scope="col" class="col-auto"></th>
+            <th scope="col" class="col">{% translate 'Name' %}</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for account_group in account_groups %}
+          <tr class="account_group">
+            <td class="col-auto">
+              <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
+                <a class="btn btn-secondary btn-sm"
+                      role="button"
+                      data-bs-toggle="tooltip"
+                      data-bs-title="{% translate "Edit" %}"
+                      hx-get="{% url 'account_group_edit' pk=account_group.id %}"
+                      hx-target="#generic-offcanvas">
+                  <i class="fa-solid fa-pencil fa-fw"></i></a>
+                <a class="btn btn-secondary btn-sm text-danger"
+                        role="button"
+                        data-bs-toggle="tooltip"
+                        data-bs-title="{% translate "Delete" %}"
+                        hx-delete="{% url 'account_group_delete' pk=account_group.id %}"
+                        hx-trigger='confirmed'
+                        data-bypass-on-ctrl="true"
+                        data-title="{% translate "Are you sure?" %}"
+                        data-text="{% translate "You won't be able to revert this!" %}"
+                        data-confirm-text="{% translate "Yes, delete it!" %}"
+                        _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
+              </div>
+            </td>
+            <td class="col">{{ account_group.name }}</td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+      {% else %}
+      <c-msg.empty title="{% translate "No account groups" %}" remove-padding></c-msg.empty>
+      {% endif %}
+    </div>
   </div>
 </div>
diff --git a/app/templates/accounts/fragments/list.html b/app/templates/accounts/fragments/list.html
index 36a18a4..0913aeb 100644
--- a/app/templates/accounts/fragments/list.html
+++ b/app/templates/accounts/fragments/list.html
@@ -14,56 +14,61 @@
     {% endspaceless %}
   </div>
 
-  <div class="border p-3 rounded-3 table-responsive">
-    {% if accounts %}
-    <table class="table table-hover text-nowrap">
-    <thead>
-      <tr>
-        <th scope="col" class="col-auto"></th>
-        <th scope="col" class="col">{% translate 'Name' %}</th>
-        <th scope="col" class="col">{% translate 'Currency' %}</th>
-        <th scope="col" class="col">{% translate 'Exchange Currency' %}</th>
-        <th scope="col" class="col">{% translate 'Is Asset' %}</th>
-        <th scope="col" class="col">{% translate 'Archived' %}</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for account in accounts %}
-      <tr class="account">
-        <td class="col-auto">
-          <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
-            <a class="btn btn-secondary btn-sm"
-                  role="button"
-                  data-bs-toggle="tooltip"
-                  data-bs-title="{% translate "Edit" %}"
-                  hx-get="{% url 'account_edit' pk=account.id %}"
-                  hx-target="#generic-offcanvas">
-              <i class="fa-solid fa-pencil fa-fw"></i></a>
-            <a class="btn btn-secondary btn-sm text-danger"
-                    role="button"
-                    data-bs-toggle="tooltip"
-                    data-bs-title="{% translate "Delete" %}"
-                    hx-delete="{% url 'account_delete' pk=account.id %}"
-                    hx-trigger='confirmed'
-                    data-bypass-on-ctrl="true"
-                    data-title="{% translate "Are you sure?" %}"
-                    data-text="{% translate "You won't be able to revert this!" %}"
-                    data-confirm-text="{% translate "Yes, delete it!" %}"
-                    _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
-          </div>
-        </td>
-        <td class="col">{{ account.name }}</td>
-        <td class="col">{{ account.currency }} ({{ account.currency.code }})</td>
-        <td class="col">{% if account.exchange_currency %}{{ account.exchange_currency }} (
-          {{ account.exchange_currency.code }}){% else %}-{% endif %}</td>
-        <td class="col">{% if account.is_asset %}<i class="fa-solid fa-solid fa-check text-success"></i>{% endif %}</td>
-        <td class="col">{% if account.is_archived %}<i class="fa-solid fa-solid fa-check text-success"></i>{% endif %}</td>
-      </tr>
-      {% endfor %}
-    </tbody>
-  </table>
-    {% else %}
-    <c-msg.empty title="{% translate "No accounts" %}" remove-padding></c-msg.empty>
-    {% endif %}
+  <div class="card">
+    <div class="card-body table-responsive">
+      {% if accounts %}
+      <c-config.search></c-config.search>
+      <table class="table table-hover text-nowrap">
+        <thead>
+          <tr>
+            <th scope="col" class="col-auto"></th>
+            <th scope="col" class="col">{% translate 'Name' %}</th>
+            <th scope="col" class="col">{% translate 'Group' %}</th>
+            <th scope="col" class="col">{% translate 'Currency' %}</th>
+            <th scope="col" class="col">{% translate 'Exchange Currency' %}</th>
+            <th scope="col" class="col">{% translate 'Is Asset' %}</th>
+            <th scope="col" class="col">{% translate 'Archived' %}</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for account in accounts %}
+          <tr class="account">
+            <td class="col-auto">
+              <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
+                <a class="btn btn-secondary btn-sm"
+                      role="button"
+                      data-bs-toggle="tooltip"
+                      data-bs-title="{% translate "Edit" %}"
+                      hx-get="{% url 'account_edit' pk=account.id %}"
+                      hx-target="#generic-offcanvas">
+                  <i class="fa-solid fa-pencil fa-fw"></i></a>
+                <a class="btn btn-secondary btn-sm text-danger"
+                        role="button"
+                        data-bs-toggle="tooltip"
+                        data-bs-title="{% translate "Delete" %}"
+                        hx-delete="{% url 'account_delete' pk=account.id %}"
+                        hx-trigger='confirmed'
+                        data-bypass-on-ctrl="true"
+                        data-title="{% translate "Are you sure?" %}"
+                        data-text="{% translate "You won't be able to revert this!" %}"
+                        data-confirm-text="{% translate "Yes, delete it!" %}"
+                        _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
+              </div>
+            </td>
+            <td class="col">{{ account.name }}</td>
+            <td class="col">{{ account.group.name }}</td>
+            <td class="col">{{ account.currency }} ({{ account.currency.code }})</td>
+            <td class="col">{% if account.exchange_currency %}{{ account.exchange_currency }} (
+              {{ account.exchange_currency.code }}){% else %}-{% endif %}</td>
+            <td class="col">{% if account.is_asset %}<i class="fa-solid fa-solid fa-check text-success"></i>{% endif %}</td>
+            <td class="col">{% if account.is_archived %}<i class="fa-solid fa-solid fa-check text-success"></i>{% endif %}</td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+      {% else %}
+      <c-msg.empty title="{% translate "No accounts" %}" remove-padding></c-msg.empty>
+      {% endif %}
+    </div>
   </div>
 </div>
diff --git a/app/templates/categories/fragments/list.html b/app/templates/categories/fragments/list.html
index 572d48b..f14ba09 100644
--- a/app/templates/categories/fragments/list.html
+++ b/app/templates/categories/fragments/list.html
@@ -14,51 +14,54 @@
     {% endspaceless %}
   </div>
 
-  <div class="border p-3 rounded-3 table-responsive">
-    {% if categories %}
-    <table class="table table-hover">
-    <thead>
-      <tr>
-        <th scope="col" class="col-auto"></th>
-        <th scope="col" class="col">{% translate 'Name' %}</th>
-        <th scope="col" class="col">{% translate 'Muted' %}</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for category in categories %}
-      <tr class="category">
-        <td class="col-auto text-center">
-          <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
-            <a class="btn btn-secondary btn-sm"
-                  role="button"
-                  data-bs-toggle="tooltip"
-                  data-bs-title="{% translate "Edit" %}"
-                  hx-get="{% url 'category_edit' category_id=category.id %}"
-                  hx-target="#generic-offcanvas">
-              <i class="fa-solid fa-pencil fa-fw"></i></a>
-            <a class="btn btn-secondary btn-sm text-danger"
-                    role="button"
-                    data-bs-toggle="tooltip"
-                    data-bs-title="{% translate "Delete" %}"
-                    hx-delete="{% url 'category_delete' category_id=category.id %}"
-                    hx-trigger='confirmed'
-                    data-bypass-on-ctrl="true"
-                    data-title="{% translate "Are you sure?" %}"
-                    data-text="{% translate "You won't be able to revert this!" %}"
-                    data-confirm-text="{% translate "Yes, delete it!" %}"
-                    _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
-          </div>
-        </td>
-        <td class="col">{{ category.name }}</td>
-        <td class="col">
-          {% if category.mute %}<i class="fa-solid fa-check text-success"></i>{% endif %}
-        </td>
-      </tr>
-      {% endfor %}
-    </tbody>
-  </table>
-    {% else %}
-    <c-msg.empty title="{% translate "No categories" %}" remove-padding></c-msg.empty>
-    {% endif %}
+  <div class="card">
+    <div class="card-body table-responsive">
+      {% if categories %}
+      <c-config.search></c-config.search>
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th scope="col" class="col-auto"></th>
+            <th scope="col" class="col">{% translate 'Name' %}</th>
+            <th scope="col" class="col">{% translate 'Muted' %}</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for category in categories %}
+          <tr class="category">
+            <td class="col-auto text-center">
+              <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
+                <a class="btn btn-secondary btn-sm"
+                      role="button"
+                      data-bs-toggle="tooltip"
+                      data-bs-title="{% translate "Edit" %}"
+                      hx-get="{% url 'category_edit' category_id=category.id %}"
+                      hx-target="#generic-offcanvas">
+                  <i class="fa-solid fa-pencil fa-fw"></i></a>
+                <a class="btn btn-secondary btn-sm text-danger"
+                        role="button"
+                        data-bs-toggle="tooltip"
+                        data-bs-title="{% translate "Delete" %}"
+                        hx-delete="{% url 'category_delete' category_id=category.id %}"
+                        hx-trigger='confirmed'
+                        data-bypass-on-ctrl="true"
+                        data-title="{% translate "Are you sure?" %}"
+                        data-text="{% translate "You won't be able to revert this!" %}"
+                        data-confirm-text="{% translate "Yes, delete it!" %}"
+                        _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
+              </div>
+            </td>
+            <td class="col">{{ category.name }}</td>
+            <td class="col">
+              {% if category.mute %}<i class="fa-solid fa-check text-success"></i>{% endif %}
+            </td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+      {% else %}
+      <c-msg.empty title="{% translate "No categories" %}" remove-padding></c-msg.empty>
+      {% endif %}
+    </div>
   </div>
 </div>
diff --git a/app/templates/cotton/config/search.html b/app/templates/cotton/config/search.html
new file mode 100644
index 0000000..106ca1f
--- /dev/null
+++ b/app/templates/cotton/config/search.html
@@ -0,0 +1,11 @@
+{% load i18n %}
+<div id="search" class="mb-3">
+  <label class="w-100">
+  <input type="search"
+         class="form-control"
+         placeholder="{% translate 'Search' %}"
+         _="on input or search
+              show < tbody>tr /> in <table/>
+              when its textContent.toLowerCase() contains my value.toLowerCase()"/>
+  </label>
+</div>
diff --git a/app/templates/currencies/fragments/list.html b/app/templates/currencies/fragments/list.html
index 8a7cbd7..bce5f29 100644
--- a/app/templates/currencies/fragments/list.html
+++ b/app/templates/currencies/fragments/list.html
@@ -14,49 +14,52 @@
     {% endspaceless %}
   </div>
 
-  <div class="border p-3 rounded-3 table-responsive">
-    {% if currencies %}
-    <table class="table table-hover">
-    <thead>
-      <tr>
-        <th scope="col" class="col-auto"></th>
-        <th scope="col" class="col-auto">{% translate 'Code' %}</th>
-        <th scope="col" class="col">{% translate 'Name' %}</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for currency in currencies %}
-      <tr class="currency">
-        <td class="col-auto">
-          <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
-            <a class="btn btn-secondary btn-sm"
-                  role="button"
-                  data-bs-toggle="tooltip"
-                  data-bs-title="{% translate "Edit" %}"
-                  hx-get="{% url 'currency_edit' pk=currency.id %}"
-                  hx-target="#generic-offcanvas">
-              <i class="fa-solid fa-pencil fa-fw"></i></a>
-            <a class="btn btn-secondary btn-sm text-danger"
-                    role="button"
-                    data-bs-toggle="tooltip"
-                    data-bs-title="{% translate "Delete" %}"
-                    hx-delete="{% url 'currency_delete' pk=currency.id %}"
-                    hx-trigger='confirmed'
-                    data-bypass-on-ctrl="true"
-                    data-title="{% translate "Are you sure?" %}"
-                    data-text="{% translate "You won't be able to revert this!" %}"
-                    data-confirm-text="{% translate "Yes, delete it!" %}"
-                    _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
-          </div>
-        </td>
-        <td class="col-auto">{{ currency.code }}</td>
-        <td class="col">{{ currency.name }}</td>
-      </tr>
-      {% endfor %}
-    </tbody>
-  </table>
-    {% else %}
-    <c-msg.empty title="{% translate "No currencies" %}" remove-padding></c-msg.empty>
-    {% endif %}
+  <div class="card">
+    <div class="card-body table-responsive">
+      {% if currencies %}
+      <c-config.search></c-config.search>
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th scope="col" class="col-auto"></th>
+            <th scope="col" class="col-auto">{% translate 'Code' %}</th>
+            <th scope="col" class="col">{% translate 'Name' %}</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for currency in currencies %}
+          <tr class="currency">
+            <td class="col-auto">
+              <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
+                <a class="btn btn-secondary btn-sm"
+                      role="button"
+                      data-bs-toggle="tooltip"
+                      data-bs-title="{% translate "Edit" %}"
+                      hx-get="{% url 'currency_edit' pk=currency.id %}"
+                      hx-target="#generic-offcanvas">
+                  <i class="fa-solid fa-pencil fa-fw"></i></a>
+                <a class="btn btn-secondary btn-sm text-danger"
+                        role="button"
+                        data-bs-toggle="tooltip"
+                        data-bs-title="{% translate "Delete" %}"
+                        hx-delete="{% url 'currency_delete' pk=currency.id %}"
+                        hx-trigger='confirmed'
+                        data-bypass-on-ctrl="true"
+                        data-title="{% translate "Are you sure?" %}"
+                        data-text="{% translate "You won't be able to revert this!" %}"
+                        data-confirm-text="{% translate "Yes, delete it!" %}"
+                        _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
+              </div>
+            </td>
+            <td class="col-auto">{{ currency.code }}</td>
+            <td class="col">{{ currency.name }}</td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+      {% else %}
+      <c-msg.empty title="{% translate "No currencies" %}" remove-padding></c-msg.empty>
+      {% endif %}
+    </div>
   </div>
 </div>
diff --git a/app/templates/entities/fragments/list.html b/app/templates/entities/fragments/list.html
index d84f2ba..0c0c5ca 100644
--- a/app/templates/entities/fragments/list.html
+++ b/app/templates/entities/fragments/list.html
@@ -14,47 +14,50 @@
     {% endspaceless %}
   </div>
 
-  <div class="border p-3 rounded-3 table-responsive">
-    {% if entities %}
-    <table class="table table-hover">
-    <thead>
-      <tr>
-        <th scope="col" class="col-auto"></th>
-        <th scope="col" class="col">{% translate 'Name' %}</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for entity in entities %}
-      <tr class="entity">
-        <td class="col-auto">
-          <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
-            <a class="btn btn-secondary btn-sm"
-                  role="button"
-                  data-bs-toggle="tooltip"
-                  data-bs-title="{% translate "Edit" %}"
-                  hx-get="{% url 'entity_edit' entity_id=entity.id %}"
-                  hx-target="#generic-offcanvas">
-              <i class="fa-solid fa-pencil fa-fw"></i></a>
-            <a class="btn btn-secondary btn-sm text-danger"
-                    role="button"
-                    data-bs-toggle="tooltip"
-                    data-bs-title="{% translate "Delete" %}"
-                    hx-delete="{% url 'entity_delete' entity_id=entity.id %}"
-                    hx-trigger='confirmed'
-                    data-bypass-on-ctrl="true"
-                    data-title="{% translate "Are you sure?" %}"
-                    data-text="{% translate "You won't be able to revert this!" %}"
-                    data-confirm-text="{% translate "Yes, delete it!" %}"
-                    _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
-          </div>
-        </td>
-        <td class="col">{{ entity.name }}</td>
-      </tr>
-      {% endfor %}
-    </tbody>
-  </table>
-    {% else %}
-    <c-msg.empty title="{% translate "No entities" %}" remove-padding></c-msg.empty>
-    {% endif %}
+  <div class="card">
+    <div class="card-body table-responsive">
+      {% if entities %}
+        <c-config.search></c-config.search>
+        <table class="table table-hover">
+          <thead>
+            <tr>
+              <th scope="col" class="col-auto"></th>
+              <th scope="col" class="col">{% translate 'Name' %}</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for entity in entities %}
+            <tr class="entity">
+              <td class="col-auto">
+                <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
+                  <a class="btn btn-secondary btn-sm"
+                        role="button"
+                        data-bs-toggle="tooltip"
+                        data-bs-title="{% translate "Edit" %}"
+                        hx-get="{% url 'entity_edit' entity_id=entity.id %}"
+                        hx-target="#generic-offcanvas">
+                    <i class="fa-solid fa-pencil fa-fw"></i></a>
+                  <a class="btn btn-secondary btn-sm text-danger"
+                          role="button"
+                          data-bs-toggle="tooltip"
+                          data-bs-title="{% translate "Delete" %}"
+                          hx-delete="{% url 'entity_delete' entity_id=entity.id %}"
+                          hx-trigger='confirmed'
+                          data-bypass-on-ctrl="true"
+                          data-title="{% translate "Are you sure?" %}"
+                          data-text="{% translate "You won't be able to revert this!" %}"
+                          data-confirm-text="{% translate "Yes, delete it!" %}"
+                          _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
+                </div>
+              </td>
+              <td class="col">{{ entity.name }}</td>
+            </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+        {% else %}
+        <c-msg.empty title="{% translate "No entities" %}" remove-padding></c-msg.empty>
+        {% endif %}
+    </div>
   </div>
 </div>
diff --git a/app/templates/exchange_rates/fragments/list.html b/app/templates/exchange_rates/fragments/list.html
index cb5cc28..218320a 100644
--- a/app/templates/exchange_rates/fragments/list.html
+++ b/app/templates/exchange_rates/fragments/list.html
@@ -35,8 +35,10 @@
         {% endfor %}
       </ul>
     </div>
-
-    <div id="exchange-rates-table" class="show-loading"></div>
+    
+    <div class="card">
+      <div id="exchange-rates-table" class="show-loading"></div>
+    </div>
 
   </div>
 </div>
diff --git a/app/templates/installment_plans/fragments/list.html b/app/templates/installment_plans/fragments/list.html
index 2890590..0b788df 100644
--- a/app/templates/installment_plans/fragments/list.html
+++ b/app/templates/installment_plans/fragments/list.html
@@ -26,7 +26,9 @@
       </ul>
     </div>
 
-    <div id="installment-plans-table"></div>
+    <div class="card-body">
+      <div id="installment-plans-table"></div>
+    </div>
 
   </div>
 </div>
diff --git a/app/templates/installment_plans/fragments/table.html b/app/templates/installment_plans/fragments/table.html
index d53c533..413e9c5 100644
--- a/app/templates/installment_plans/fragments/table.html
+++ b/app/templates/installment_plans/fragments/table.html
@@ -1,11 +1,13 @@
 {% load currency_display %}
 {% load i18n %}
 {% if active %}
-<div class="card-body show-loading" hx-get="{% url 'active_installment_plans_list' %}" hx-trigger="updated from:window" hx-swap="outerHTML">
+<div class="show-loading" hx-get="{% url 'active_installment_plans_list' %}" hx-trigger="updated from:window" hx-swap="outerHTML">
 {% else %}
-<div class="card-body show-loading" hx-get="{% url 'finished_installment_plans_list' %}" hx-trigger="updated from:window" hx-swap="outerHTML">
+<div class="show-loading" hx-get="{% url 'finished_installment_plans_list' %}" hx-trigger="updated from:window" hx-swap="outerHTML">
 {% endif %}
   {% if installment_plans %}
+  <c-config.search></c-config.search>
+
   <div class="table-responsive">
     <table class="table table-hover align-middle">
       <thead>
diff --git a/app/templates/recurring_transactions/fragments/list.html b/app/templates/recurring_transactions/fragments/list.html
index b532788..335d232 100644
--- a/app/templates/recurring_transactions/fragments/list.html
+++ b/app/templates/recurring_transactions/fragments/list.html
@@ -29,7 +29,9 @@
       </ul>
     </div>
 
-    <div id="recurring-transactions-table"></div>
+    <div class="card-body">
+      <div id="recurring-transactions-table"></div>
+    </div>
 
   </div>
 </div>
diff --git a/app/templates/recurring_transactions/fragments/table.html b/app/templates/recurring_transactions/fragments/table.html
index 700185f..8d735ee 100644
--- a/app/templates/recurring_transactions/fragments/table.html
+++ b/app/templates/recurring_transactions/fragments/table.html
@@ -1,13 +1,15 @@
 {% load currency_display %}
 {% load i18n %}
 {% if status == "active" %}
-<div class="card-body show-loading" hx-get="{% url 'active_recurring_transaction_list' %}" hx-trigger="updated from:window" hx-swap="outerHTML">
+<div class="show-loading" hx-get="{% url 'active_recurring_transaction_list' %}" hx-trigger="updated from:window" hx-swap="outerHTML">
 {% elif status == 'paused' %}
-<div class="card-body show-loading" hx-get="{% url 'paused_recurring_transaction_list' %}" hx-trigger="updated from:window" hx-swap="outerHTML">
+<div class="show-loading" hx-get="{% url 'paused_recurring_transaction_list' %}" hx-trigger="updated from:window" hx-swap="outerHTML">
 {% elif status == 'finished' %}
-<div class="card-body show-loading" hx-get="{% url 'finished_recurring_transaction_list' %}" hx-trigger="updated from:window" hx-swap="outerHTML">
+<div class="show-loading" hx-get="{% url 'finished_recurring_transaction_list' %}" hx-trigger="updated from:window" hx-swap="outerHTML">
 {% endif %}
   {% if recurring_transactions %}
+  <c-config.search></c-config.search>
+
   <div class="table-responsive">
     <table class="table table-hover align-middle">
     <thead>
diff --git a/app/templates/rules/fragments/list.html b/app/templates/rules/fragments/list.html
index fc5530b..29577bf 100644
--- a/app/templates/rules/fragments/list.html
+++ b/app/templates/rules/fragments/list.html
@@ -14,60 +14,63 @@
     {% endspaceless %}
   </div>
 
-  <div class="border p-3 rounded-3 table-responsive">
-    {% if transaction_rules %}
-    <table class="table table-hover">
-    <thead>
-      <tr>
-        <th scope="col" class="col-auto"></th>
-        <th scope="col" class="col-auto"></th>
-        <th scope="col" class="col">{% translate 'Name' %}</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for rule in transaction_rules %}
-      <tr class="transaction_rule">
-        <td class="col-auto">
-          <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
-            <a class="btn btn-secondary btn-sm"
-                  role="button"
-                  data-bs-toggle="tooltip"
-                  data-bs-title="{% translate "View" %}"
-                  hx-get="{% url 'transaction_rule_view' transaction_rule_id=rule.id %}"
-                  hx-target="#persistent-generic-offcanvas-left">
-              <i class="fa-solid fa-eye fa-fw"></i></a>
-            <a class="btn btn-secondary btn-sm text-danger"
+  <div class="card">
+    <div class="card-body table-responsive">
+      {% if transaction_rules %}
+      <c-config.search></c-config.search>
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th scope="col" class="col-auto"></th>
+            <th scope="col" class="col-auto"></th>
+            <th scope="col" class="col">{% translate 'Name' %}</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for rule in transaction_rules %}
+          <tr class="transaction_rule">
+            <td class="col-auto">
+              <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
+                <a class="btn btn-secondary btn-sm"
+                      role="button"
+                      data-bs-toggle="tooltip"
+                      data-bs-title="{% translate "View" %}"
+                      hx-get="{% url 'transaction_rule_view' transaction_rule_id=rule.id %}"
+                      hx-target="#persistent-generic-offcanvas-left">
+                  <i class="fa-solid fa-eye fa-fw"></i></a>
+                <a class="btn btn-secondary btn-sm text-danger"
+                        role="button"
+                        data-bs-toggle="tooltip"
+                        data-bs-title="{% translate "Delete" %}"
+                        hx-delete="{% url 'transaction_rule_delete' transaction_rule_id=rule.id %}"
+                        hx-trigger='confirmed'
+                        data-bypass-on-ctrl="true"
+                        data-title="{% translate "Are you sure?" %}"
+                        data-text="{% translate "You won't be able to revert this!" %}"
+                        data-confirm-text="{% translate "Yes, delete it!" %}"
+                        _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
+              </div>
+            </td>
+            <td class="col-auto">
+               <a class="text-decoration-none"
                     role="button"
                     data-bs-toggle="tooltip"
-                    data-bs-title="{% translate "Delete" %}"
-                    hx-delete="{% url 'transaction_rule_delete' transaction_rule_id=rule.id %}"
-                    hx-trigger='confirmed'
-                    data-bypass-on-ctrl="true"
-                    data-title="{% translate "Are you sure?" %}"
-                    data-text="{% translate "You won't be able to revert this!" %}"
-                    data-confirm-text="{% translate "Yes, delete it!" %}"
-                    _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
-          </div>
-        </td>
-        <td class="col-auto">
-           <a class="text-decoration-none"
-                role="button"
-                data-bs-toggle="tooltip"
-                data-bs-title="{% if rule.active %}{% translate "Deactivate" %}{% else %}{% translate "Activate" %}{% endif %}"
-                hx-get="{% url 'transaction_rule_toggle_activity' transaction_rule_id=rule.id %}">
-             {% if rule.active %}<i class="fa-solid fa-toggle-on tw-text-green-400"></i>{% else %}<i class="fa-solid fa-toggle-off tw-text-red-400"></i>{% endif %}
-           </a>
-        </td>
-        <td class="col">
-          <div>{{ rule.name }}</div>
-          <div class="tw-text-gray-400">{{ rule.description }}</div>
-        </td>
-      </tr>
-      {% endfor %}
-    </tbody>
-  </table>
-    {% else %}
-    <c-msg.empty title="{% translate "No rules" %}" remove-padding></c-msg.empty>
-    {% endif %}
+                    data-bs-title="{% if rule.active %}{% translate "Deactivate" %}{% else %}{% translate "Activate" %}{% endif %}"
+                    hx-get="{% url 'transaction_rule_toggle_activity' transaction_rule_id=rule.id %}">
+                 {% if rule.active %}<i class="fa-solid fa-toggle-on tw-text-green-400"></i>{% else %}<i class="fa-solid fa-toggle-off tw-text-red-400"></i>{% endif %}
+               </a>
+            </td>
+            <td class="col">
+              <div>{{ rule.name }}</div>
+              <div class="tw-text-gray-400">{{ rule.description }}</div>
+            </td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+      {% else %}
+      <c-msg.empty title="{% translate "No rules" %}" remove-padding></c-msg.empty>
+      {% endif %}
+    </div>
   </div>
 </div>
diff --git a/app/templates/tags/fragments/list.html b/app/templates/tags/fragments/list.html
index 8d5e266..61355e9 100644
--- a/app/templates/tags/fragments/list.html
+++ b/app/templates/tags/fragments/list.html
@@ -14,47 +14,50 @@
     {% endspaceless %}
   </div>
 
-  <div class="border p-3 rounded-3 table-responsive">
-    {% if tags %}
-    <table class="table table-hover">
-    <thead>
-      <tr>
-        <th scope="col" class="col-auto"></th>
-        <th scope="col" class="col">{% translate 'Name' %}</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for tag in tags %}
-      <tr class="tag">
-        <td class="col-auto">
-          <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
-            <a class="btn btn-secondary btn-sm"
-                  role="button"
-                  data-bs-toggle="tooltip"
-                  data-bs-title="{% translate "Edit" %}"
-                  hx-get="{% url 'tag_edit' tag_id=tag.id %}"
-                  hx-target="#generic-offcanvas">
-              <i class="fa-solid fa-pencil fa-fw"></i></a>
-            <a class="btn btn-secondary btn-sm text-danger"
-                    role="button"
-                    data-bs-toggle="tooltip"
-                    data-bs-title="{% translate "Delete" %}"
-                    hx-delete="{% url 'tag_delete' tag_id=tag.id %}"
-                    hx-trigger='confirmed'
-                    data-bypass-on-ctrl="true"
-                    data-title="{% translate "Are you sure?" %}"
-                    data-text="{% translate "You won't be able to revert this!" %}"
-                    data-confirm-text="{% translate "Yes, delete it!" %}"
-                    _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
-          </div>
-        </td>
-        <td class="col">{{ tag.name }}</td>
-      </tr>
-      {% endfor %}
-    </tbody>
-  </table>
-    {% else %}
-    <c-msg.empty title="{% translate "No tags" %}" remove-padding></c-msg.empty>
-    {% endif %}
+  <div class="card">
+    <div class="card-body table-responsive">
+      {% if tags %}
+      <c-config.search></c-config.search>
+      <table class="table table-hover">
+        <thead>
+          <tr>
+            <th scope="col" class="col-auto"></th>
+            <th scope="col" class="col">{% translate 'Name' %}</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for tag in tags %}
+          <tr class="tag">
+            <td class="col-auto">
+              <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
+                <a class="btn btn-secondary btn-sm"
+                      role="button"
+                      data-bs-toggle="tooltip"
+                      data-bs-title="{% translate "Edit" %}"
+                      hx-get="{% url 'tag_edit' tag_id=tag.id %}"
+                      hx-target="#generic-offcanvas">
+                  <i class="fa-solid fa-pencil fa-fw"></i></a>
+                <a class="btn btn-secondary btn-sm text-danger"
+                        role="button"
+                        data-bs-toggle="tooltip"
+                        data-bs-title="{% translate "Delete" %}"
+                        hx-delete="{% url 'tag_delete' tag_id=tag.id %}"
+                        hx-trigger='confirmed'
+                        data-bypass-on-ctrl="true"
+                        data-title="{% translate "Are you sure?" %}"
+                        data-text="{% translate "You won't be able to revert this!" %}"
+                        data-confirm-text="{% translate "Yes, delete it!" %}"
+                        _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>
+              </div>
+            </td>
+            <td class="col">{{ tag.name }}</td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+      {% else %}
+      <c-msg.empty title="{% translate "No tags" %}" remove-padding></c-msg.empty>
+      {% endif %}
+    </div>
   </div>
 </div>