diff --git a/web-panel/pages/usuarios.vue b/web-panel/pages/usuarios.vue
index 4228c8f..5bf983c 100644
--- a/web-panel/pages/usuarios.vue
+++ b/web-panel/pages/usuarios.vue
@@ -73,7 +73,7 @@
           <div class="flex flex-column gap-2">
             <div class="flex align-items-center gap-2">
               <Checkbox v-model="userForm.scope_all_projects" input-id="scope-all" binary />
-              <label for="scope-all">Todas las obras</label>
+              <span class="checkbox-caption">Todas las obras</span>
             </div>
             <MultiSelect
               v-if="!userForm.scope_all_projects"
@@ -90,11 +90,11 @@
           <div class="flex flex-column gap-2">
             <div class="flex align-items-center gap-2">
               <Checkbox v-model="userForm.warehouse_central" input-id="wh-central" binary />
-              <label for="wh-central">Almacén central</label>
+              <span class="checkbox-caption">Almacén central</span>
             </div>
             <div class="flex align-items-center gap-2">
               <Checkbox v-model="userForm.warehouse_projects" input-id="wh-projects" binary />
-              <label for="wh-projects">Almacenes de obra</label>
+              <span class="checkbox-caption">Almacenes de obra</span>
             </div>
           </div>
         </FormField>
@@ -518,4 +518,9 @@ onMounted(async () => {
 
 <style scoped>
 .form-grid { display: flex; flex-direction: column; gap: 12px; }
+.checkbox-caption {
+  font-size: 0.875rem;
+  color: var(--text-color);
+  user-select: none;
+}
 </style>