diff --git a/frontend/src/lib/components/admin/PatchTestsManagement.svelte b/frontend/src/lib/components/admin/PatchTestsManagement.svelte
index ca65c87..31619ec 100644
--- a/frontend/src/lib/components/admin/PatchTestsManagement.svelte
+++ b/frontend/src/lib/components/admin/PatchTestsManagement.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
 	import { authStore } from '$lib/stores/auth.svelte';
 	import { toast } from 'svelte-sonner';
-	import { Button } from '$lib/components/ui/button';
+import { Button } from '$lib/components/ui/button';
 	import * as Card from '$lib/components/ui/card';
 	import { Input } from '$lib/components/ui/input';
+	import { Checkbox } from '$lib/components/ui/checkbox';
 	import { Skeleton } from '$lib/components/ui/skeleton';
 	import * as Modal from '$lib/components/ui/dialog';
 
@@ -375,11 +376,9 @@
 					{:else}
 						{#each availableServices as svc (svc.id)}
 							<label class="flex items-center gap-2 p-1 hover:bg-gray-100 rounded cursor-pointer">
-								<input
-									type="checkbox"
-									class="rounded border-gray-300 text-black focus:ring-black"
+								<Checkbox
 									checked={formData.service_ids.includes(svc.id)}
-									onchange={() => toggleServiceSelection(svc.id)}
+									onCheckedChange={() => toggleServiceSelection(svc.id)}
 								/>
 								<span class="text-sm">{svc.name}</span>
 							</label>