diff --git a/warpgate-web/src/admin/Target.svelte b/warpgate-web/src/admin/Target.svelte
index 69ac79a..7de2e7e 100644
--- a/warpgate-web/src/admin/Target.svelte
+++ b/warpgate-web/src/admin/Target.svelte
@@ -242,7 +242,7 @@ async function toggleRole (role: Role) {
                         id="role-{role.id}"
                         class="mb-0 me-2"
                         type="switch"
-                        on:click={() => toggleRole(role)}
+                        on:change={() => toggleRole(role)}
                         checked={roleIsAllowed[role.id]} />
                     <div>{role.name}</div>
                 </label>
diff --git a/warpgate-web/src/admin/User.svelte b/warpgate-web/src/admin/User.svelte
index 7f310fa..6726160 100644
--- a/warpgate-web/src/admin/User.svelte
+++ b/warpgate-web/src/admin/User.svelte
@@ -232,7 +232,7 @@ function assertDefined<T>(value: T|undefined): T {
                     id="role-{role.id}"
                     class="mb-0 me-2"
                     type="switch"
-                    on:click={() => toggleRole(role)}
+                    on:change={() => toggleRole(role)}
                     checked={roleIsAllowed[role.id]} />
                 <div>{role.name}</div>
             </label>