diff --git a/panel/modals/RolesModal.tsx b/panel/modals/RolesModal.tsx
index 13e03855..e840ba04 100644
--- a/panel/modals/RolesModal.tsx
+++ b/panel/modals/RolesModal.tsx
@@ -288,13 +288,17 @@ const UserEditModal: Component<UserEditModalProps> = (props) => {
                       background: isAdminRole && isSelected ? 'rgba(245, 158, 11, 0.1)' : undefined,
                       border: isAdminRole && isSelected ? '1px solid rgba(245, 158, 11, 0.3)' : undefined
                     }}
+                    onClick={() => !isDisabled && handleRoleToggle(role.id)} // Добавляем обработчик клика
                   >
                     <input
                       type="checkbox"
                       checked={isSelected}
                       onChange={() => handleRoleToggle(role.id)}
                       disabled={loading() || isDisabled}
-                      style={{ display: 'none' }}
+                      style={{
+                        cursor: isDisabled ? 'not-allowed' : 'pointer',
+                        margin: '0 0.5rem 0 0'
+                      }}
                     />
                     <div class={formStyles.roleHeader}>
                       <span class={formStyles.roleName}>
diff --git a/panel/routes/authors.tsx b/panel/routes/authors.tsx
index e7e85cd5..e37a6338 100644
--- a/panel/routes/authors.tsx
+++ b/panel/routes/authors.tsx
@@ -138,11 +138,7 @@ const AuthorsRoute: Component<AuthorsRouteProps> = (props) => {
       }
     }
 
-    return (
-      <span title={props.role}>
-        {getRoleIcon(props.role)} {props.role}
-      </span>
-    )
+    return <span title={props.role}>{getRoleIcon(props.role)}</span>
   }
 
   return (