diff --git a/arches/app/templates/views/mobile-survey-designer.htm b/arches/app/templates/views/mobile-survey-designer.htm
index ca3eb94ca3e..7941566097a 100644
--- a/arches/app/templates/views/mobile-survey-designer.htm
+++ b/arches/app/templates/views/mobile-survey-designer.htm
@@ -540,9 +540,11 @@ <h1 class="page-header text-overflow mobile-designer-title">
                                             <!--ko if: selectedNode().type === 'group' -->
                                             <div class="msm-user-account-panel">
                                                 <!--ko foreach: {data: selectedNode().fullusers, as: 'user'} -->
-                                                <div class="msm-user-account-item" data-bind="click: function(){$parent.mobilesurvey.selectedUser(user); return true;};, css: {selected: user.id === $parent.mobilesurvey.selectedUser().id}, visible: user.filtered() === false" class="userrow">
-                                                    <input style="height:15px; width:15px; margin-right: 5px;" type="checkbox" value="user.approved()" data-bind="checked: user.approved, event: {'change': $parent.mobilesurvey.toggleIdentity}" />
-                                                    <span data-bind="text: user.name"></span>
+                                                <div class="msm-user-account-item checkbox" data-bind="click: function(){$parent.mobilesurvey.selectedUser(user); return true;};, css: {selected: user.id === $parent.mobilesurvey.selectedUser().id}, visible: user.filtered() === false" class="userrow">
+                                                    <label class="form-checkbox form-normal form-primary" data-bind="css: {'active': user.approved}" style="padding-left: 25px; padding-top: 3px;">
+                                                        <input type="checkbox" data-bind="checked: user.approved, event: {'change': $parent.mobilesurvey.toggleIdentity}"/>
+                                                        <span data-bind="text: user.name"></span>
+                                                    </label>
                                                 </div>
                                                 <!--/ko-->
                                             </div>