diff --git a/public/app/features/admin/Users/OrgUsersTable.tsx b/public/app/features/admin/Users/OrgUsersTable.tsx index 1ec0a5b6d24..48296a41b8b 100644 --- a/public/app/features/admin/Users/OrgUsersTable.tsx +++ b/public/app/features/admin/Users/OrgUsersTable.tsx @@ -62,6 +62,7 @@ export const OrgUsersTable = ({ users, orgId, onRoleChange, onRemoveUser, change const [userToRemove, setUserToRemove] = useState(null); const [roleOptions, setRoleOptions] = useState([]); const enableSort = totalPages === 1; + const styles = useStyles2(getStyles); useEffect(() => { async function fetchOptions() { @@ -179,10 +180,12 @@ export const OrgUsersTable = ({ users, orgId, onRoleChange, onRemoveUser, change return ( - String(user.userId)} /> - - - +
+ String(user.userId)} /> + + + +
{Boolean(userToRemove) && ( ({ icon: css({ marginLeft: theme.spacing(1), }), + // Enable RolePicker overflow + wrapper: css({ + display: 'flex', + flexDirection: 'column', + overflowX: 'auto', + overflowY: 'hidden', + minHeight: '100vh', + width: '100%', + '& > div': { + overflowX: 'unset', + marginBottom: theme.spacing(2), + }, + }), });