diff --git a/src/app/task/types/add-member/add-member-accept.html b/src/app/task/types/add-member/add-member-accept.html
index d204767..2cf6d9a 100644
--- a/src/app/task/types/add-member/add-member-accept.html
+++ b/src/app/task/types/add-member/add-member-accept.html
@@ -1,8 +1,11 @@
 <div class="add-member-details">
   <label>{{"tasks.add_member.accept.select_role" | translate}}</label>
   <div class="form-group roles">
-    <div class="checkbox" ng-repeat="role in ctrl.roles">
-      <input type="checkbox" ng-click="ctrl.toggleSelection(role)"> {{role.name}}
+    <div class="checkbox-nice" ng-repeat="role in ctrl.roles">
+      <input type="checkbox" id="role_{{role.name}}" (click)="ctrl.toggleSelection(role)">
+      <label for="role_{{role.name}}">
+        {{role.name}}
+      </label>
     </div>
   </div>
 </div>
--
libgit2 0.21.2