diff --git a/foundation/erpnext_foundation/doctype/portal_job/templates/portal_job_row.html b/foundation/erpnext_foundation/doctype/portal_job/templates/portal_job_row.html
index e606b575..cab8260b 100644
--- a/foundation/erpnext_foundation/doctype/portal_job/templates/portal_job_row.html
+++ b/foundation/erpnext_foundation/doctype/portal_job/templates/portal_job_row.html
@@ -1,11 +1,8 @@
-<div class='mb-4 col-xs-12 col-sm-12'>
-	<h3>{{ doc.title }}</h3>
-		<p>
-			<span class='label'>{{ frappe.format_date(doc.creation) }}</span>
-			<span class='label'>{{ doc.country }}</span>
-			<span class='label'>{{ doc.job_type }}</span>
-			<span class='label'>{{ doc.status }}</span>
-		</p>
-		<p>{{ html2text(doc.description)[:200] }}{% if doc.description|len > 200 %}...{% endif %}</p>
-		<a  href="/{{ doc.route }}">Read More Details</a>
+<div class="card mx-3" style="width: 100%; margin-bottom: 1rem;">
+	<div class="card-body">
+		<a  href="/{{ doc.route }}"><h5 class="card-title">{{ doc.title }}</h5></a>
+		<h6 class="card-subtitle mb-2 text-muted">{{ doc.country }}, {{ frappe.format_date(doc.creation) }} | {{ doc.job_type }}, {{ doc.status }}</h6>
+		<p class="card-text">{{ html2text(doc.description)[:200] }}{% if doc.description|len > 200 %}...{% endif %}</p>
+		<!-- <a href="/{{ doc.route }}" class="card-link">Details</a> -->
+	</div>
 </div>