diff --git a/erpnext/projects/doctype/task/task_list.js b/erpnext/projects/doctype/task/task_list.js
index 17b0ed2c7fa..2516a327d44 100644
--- a/erpnext/projects/doctype/task/task_list.js
+++ b/erpnext/projects/doctype/task/task_list.js
@@ -35,30 +35,30 @@ frappe.listview_settings["Task"] = {
 	},
 	gantt_custom_popup_html: function (ganttobj, task) {
 		let html = `
-			<a class="text-white mb-2 inline-block cursor-pointer"
-				href="/app/task/${ganttobj.id}"">
+			<a class="mb-2 inline-block cursor-pointer"
+				href="/app/task/${ganttobj.id}">
 				${ganttobj.name}
 			</a>
 		`;
 
 		if (task.project) {
 			html += `<p class="mb-1">${__("Project")}:
-				<a class="text-white inline-block"
-					href="/app/project/${task.project}"">
+				<a class="inline-block"
+					href="/app/project/${task.project}">
 					${task.project}
 				</a>
 			</p>`;
 		}
 		html += `<p class="mb-1">
 			${__("Progress")}:
-			<span class="text-white">${ganttobj.progress}%</span>
+			<span>${ganttobj.progress}%</span>
 		</p>`;
 
 		if (task._assign) {
 			const assign_list = JSON.parse(task._assign);
 			const assignment_wrapper = `
 				<span>Assigned to:</span>
-				<span class="text-white">
+				<span>
 					${assign_list.map((user) => frappe.user_info(user).fullname).join(", ")}
 				</span>
 			`;