RANGER-4675: Checkbox selection issue when clicking on permission label in tag-based permissions policy
diff --git a/security-admin/src/main/webapp/react-webapp/src/views/PolicyListing/TagBasePermissionItem.jsx b/security-admin/src/main/webapp/react-webapp/src/views/PolicyListing/TagBasePermissionItem.jsx
index 38de7fd..706c515 100644
--- a/security-admin/src/main/webapp/react-webapp/src/views/PolicyListing/TagBasePermissionItem.jsx
+++ b/security-admin/src/main/webapp/react-webapp/src/views/PolicyListing/TagBasePermissionItem.jsx
@@ -442,12 +442,11 @@
                                   <div>
                                     {tagServicePerms[
                                       fields.value[index].serviceName
-                                    ].map((obj, index) => (
-                                      <h6 className="d-inline" key={index}>
+                                    ].map((obj) => (
+                                      <h6 className="d-inline" key={obj.value}>
                                         <FormB.Group
                                           className="d-inline"
-                                          controlId={obj.label}
-                                          key={obj.label}
+                                          controlId={obj.value}
                                         >
                                           <FormB.Check
                                             inline