diff --git a/app/javascript/components/rooms/room/shared_access/forms/SharedAccessForm.jsx b/app/javascript/components/rooms/room/shared_access/forms/SharedAccessForm.jsx
index ca39d37251f4c2541021076c0d43b1365c612a37..067595ccd0fe809582e4531494dbec84758884b2 100644
--- a/app/javascript/components/rooms/room/shared_access/forms/SharedAccessForm.jsx
+++ b/app/javascript/components/rooms/room/shared_access/forms/SharedAccessForm.jsx
@@ -41,22 +41,20 @@ export default function SharedAccessForm({ handleClose }) {
                         <tr
                           key={user.id}
                           className="align-middle"
-                          onClick={() => {
-                            const checkbox = document.getElementById(`${user.id}-checkbox`);
-                            checkbox.checked = !checkbox.checked;
-                          }}
                         >
                           <td>
                             <Stack direction="horizontal" className="py-2">
-                              <Form.Check
-                                id={`${user.id}-checkbox`}
-                                type="checkbox"
-                                value={user.id}
-                                className="pe-3"
-                                {...register('shared_users')}
-                              />
-                              <Avatar avatar={user.avatar} size="small" />
-                              <h6 className="text-brand mb-0 ps-3"> {user.name} </h6>
+                              <Form.Label className="w-100 mb-0 text-brand">
+                                <Form.Check
+                                  id={`${user.id}-checkbox`}
+                                  type="checkbox"
+                                  value={user.id}
+                                  className="d-inline-block"
+                                  {...register('shared_users')}
+                                />
+                                <Avatar avatar={user.avatar} size="small" className="d-inline-block px-3" />
+                                {user.name}
+                              </Form.Label>
                             </Stack>
                           </td>
                         </tr>