diff --git a/payroll/templates/payroll/allowance/view_single_allowance.html b/payroll/templates/payroll/allowance/view_single_allowance.html
index 418cc2499..3541d27ca 100644
--- a/payroll/templates/payroll/allowance/view_single_allowance.html
+++ b/payroll/templates/payroll/allowance/view_single_allowance.html
@@ -83,7 +83,7 @@
            aria-label="create outline"
            ></ion-icon>{% trans "Edit" %}
           </a>
-          <a href="{% url 'delete-allowance' allowance.id %}" class="oh-btn oh-btn--danger"style="width: 50%;">
+          <a href="{% url 'delete-allowance' allowance.id %}" onclick="event.preventDefault();event.stopPropagation(); confirm(`Do you want to delete this allowance?`)" class="oh-btn oh-btn--danger"style="width: 50%;">
             <ion-icon
             name="trash-outline"
             role="img"
diff --git a/payroll/templates/payroll/deduction/view_single_deduction.html b/payroll/templates/payroll/deduction/view_single_deduction.html
index 7ee41a839..f72408704 100644
--- a/payroll/templates/payroll/deduction/view_single_deduction.html
+++ b/payroll/templates/payroll/deduction/view_single_deduction.html
@@ -86,7 +86,7 @@
            aria-label="create outline"
            ></ion-icon>{% trans "Edit" %}
           </a>
-          <a href="{% url 'delete-deduction' deduction.id %}" class="oh-btn oh-btn--danger"style="width: 50%;">
+          <a href="{% url 'delete-deduction' deduction.id %}" onclick="event.preventDefault();event.stopPropagation(); confirm(`Do you want to delete this deduction?`)" class="oh-btn oh-btn--danger"style="width: 50%;">
             <ion-icon
             name="trash-outline"
             role="img"