diff --git a/projects/rero/ng-core/src/lib/record/editor/wrappers/toggle-wrapper/toggle-wrappers.component.ts b/projects/rero/ng-core/src/lib/record/editor/wrappers/toggle-wrapper/toggle-wrappers.component.ts
index d79a1354..520849a9 100644
--- a/projects/rero/ng-core/src/lib/record/editor/wrappers/toggle-wrapper/toggle-wrappers.component.ts
+++ b/projects/rero/ng-core/src/lib/record/editor/wrappers/toggle-wrapper/toggle-wrappers.component.ts
@@ -24,8 +24,10 @@ import { isEmpty, removeEmptyValues } from '../../utils';
     <div class='toggle-wrapper'>
       <div class='form-group'>
         <div class="custom-control custom-switch">
-          <input class="custom-control-input" type="checkbox" id="toggle-switch" (change)="toggle($event)" [checked]="tsOptions.enabled">
-          <label class="custom-control-label" for="toggle-switch" [tooltip]="tsOptions.description">{{ tsOptions.label }}</label>
+          <input class="custom-control-input" type="checkbox" id="toggle-switch-{{ field.id }}" \
+                 (change)="toggle($event)" [checked]="tsOptions.enabled">
+          <label class="custom-control-label" for="toggle-switch-{{ field.id }}" \
+                 [tooltip]="tsOptions.description">{{ tsOptions.label }}</label>
         </div>
       </div>
       <ng-container *ngIf="tsOptions.enabled" #fieldComponent></ng-container>