diff --git a/templates/admin/user/fees.html.tera b/templates/admin/user/fees.html.tera
index b277ce6..0a786ed 100644
--- a/templates/admin/user/fees.html.tera
+++ b/templates/admin/user/fees.html.tera
@@ -21,7 +21,7 @@
 			<div id="filter-result-js" class="text-primary-950 dark:text-white text-right"></div>
 
 		{% for fee in fees | sort(attribute="name") %}
-			<div {% if fee.paid %} style="background-color: green;" {% endif %} data-filterable="true" data-filter="{{ fee.name }}" class="bg-white dark:bg-primary-900 p-3 rounded-md w-full">
+			<div {% if fee.paid %} style="background-color: green;" {% endif %} data-filterable="true" data-filter="{{ fee.name }} {% if fee.paid %} has-already-paid {% else %} has-not-paid {% endif %}" class="bg-white dark:bg-primary-900 p-3 rounded-md w-full">
               		<div class="grid sm:grid-cols-1 gap-3">
 				<div style="width: 100%" class="col-span-2">
 				<b>{{ fee.name }}</b>