From 3318a1c599445adb3ae4d8686af3ee90216ff2af Mon Sep 17 00:00:00 2001
From: Jannat Patel <pateljannat2308@gmail.com>
Date: Tue, 23 Dec 2025 12:44:36 +0530
Subject: [PATCH] fix: certification list border style

---
 frontend/src/pages/CertifiedParticipants.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/CertifiedParticipants.vue b/frontend/src/pages/CertifiedParticipants.vue
index af41b86f..980b0834 100644
--- a/frontend/src/pages/CertifiedParticipants.vue
+++ b/frontend/src/pages/CertifiedParticipants.vue
@@ -38,8 +38,8 @@
 				</div>
 			</div>
 		</div>
-		<div v-if="participants.data?.length" class="divide-y">
-			<template v-for="participant in participants.data">
+		<div v-if="participants.data?.length" class="">
+			<template v-for="(participant, index) in participants.data">
 				<router-link
 					:to="{
 						name: 'ProfileCertificates',
@@ -47,9 +47,14 @@
 							username: participant.username,
 						},
 					}"
-					class="flex sm:rounded px-3 py-2 sm:h-15 hover:bg-surface-gray-2"
+					class="flex h-15 rounded-md hover:bg-surface-gray-2 px-3"
 				>
-					<div class="flex items-center w-full space-x-3">
+					<div
+						class="flex items-center w-full space-x-3 py-2"
+						:class="{
+							'border-b': index < participants.data.length - 1,
+						}"
+					>
 						<UserAvatar :user="participant" size="2xl" />
 
 						<div class="flex flex-col md:flex-row w-full">