From 7e94413814cb434f39874c36269f919e41e3a17c Mon Sep 17 00:00:00 2001
From: "DESKTOP-RTLN3BA\\$punk" <vermarohanfinal@gmail.com>
Date: Thu, 27 Nov 2025 23:01:14 -0800
Subject: [PATCH] chore: biome fixes

---
 .../dashboard/[search_space_id]/team/page.tsx | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/surfsense_web/app/dashboard/[search_space_id]/team/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/team/page.tsx
index 5f9143a83..dd3f25218 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/team/page.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/team/page.tsx
@@ -1268,33 +1268,33 @@ function CreateRoleDialog({
 
 									return (
 										<div key={category} className="space-y-2">
-											<div
-												className="flex items-center gap-2 cursor-pointer hover:bg-muted/50 p-1 rounded"
+											<button
+												type="button"
+												className="flex items-center gap-2 cursor-pointer hover:bg-muted/50 p-1 rounded w-full text-left"
 												onClick={() => toggleCategory(category)}
 											>
 												<Checkbox
 													checked={allSelected}
 													onCheckedChange={() => toggleCategory(category)}
 												/>
-												<Label className="text-sm font-medium capitalize cursor-pointer">
+												<span className="text-sm font-medium capitalize">
 													{category} ({categorySelected}/{perms.length})
-												</Label>
-											</div>
+												</span>
+											</button>
 											<div className="grid grid-cols-2 gap-2 ml-6">
 												{perms.map((perm) => (
-													<div
+													<button
+														type="button"
 														key={perm.value}
-														className="flex items-center gap-2 cursor-pointer"
+														className="flex items-center gap-2 cursor-pointer text-left"
 														onClick={() => togglePermission(perm.value)}
 													>
 														<Checkbox
 															checked={selectedPermissions.includes(perm.value)}
 															onCheckedChange={() => togglePermission(perm.value)}
 														/>
-														<Label className="text-xs cursor-pointer">
-															{perm.value.split(":")[1]}
-														</Label>
-													</div>
+														<span className="text-xs">{perm.value.split(":")[1]}</span>
+													</button>
 												))}
 											</div>
 										</div>