From 0dff2bff3215be1262ae1eb4ac61be991a6ac8d9 Mon Sep 17 00:00:00 2001
From: George Nash <bobcaprice@hotmail.com>
Date: Wed, 1 May 2024 18:14:55 +0100
Subject: [PATCH] role elements id fix

---
 ui/src/app/home/contact/contact-update.component.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/app/home/contact/contact-update.component.html b/ui/src/app/home/contact/contact-update.component.html
index 05935d26e..8854998e1 100644
--- a/ui/src/app/home/contact/contact-update.component.html
+++ b/ui/src/app/home/contact/contact-update.component.html
@@ -134,8 +134,8 @@ <h3 class="mb-16 mr-8">Roles <span class="font-size-12 font-weight-normal">(Requ
         <div formArrayName="roles" class="border-0 mb-32">
           <div *ngFor="let myOption of roles.controls; let i = index">
             <div formGroupName="{{ i }}">
-              <input [id]="myOption.get('name')" type="checkbox" class="role-checkbox" />
-              <label [for]="myOption.get('name')" class="font-size-14 font-weight-normal mb-16"> {{ myOption.get('name')?.value }} </label>
+              <input [id]="myOption.get('name')?.value + '-id'" type="checkbox" class="role-checkbox" />
+              <label [for]="myOption.get('name')?.value + '-id'" class="font-size-14 font-weight-normal mb-16"> {{ myOption.get('name')?.value }} </label>
             </div>
           </div>
         </div>