[Bug]: User display overlays list of individual users with list of one user's groups and admin authorizations

[BeginnerOne]

⚠️ This issue respects the following points: ⚠️

• [X] This is a bug, not a question or a configuration/webserver/proxy issue.
• [X] This issue is not already reported on Github OR Nextcloud Community Forum (I've searched it).
• [X] Nextcloud Server is up to date. See Maintenance and Release Schedule for supported versions.
• [X] I agree to follow Nextcloud's Code of Conduct.

Bug description

From an admin profile, the user list overlays a display of one profile's group memberships and admin authorizations over the top of others (my interpretation of this). We recently upgraded from rel 23.x to 25.x to 27.x and this condition appeared with the first upgrade to 25.x. We have create a profile that can manage all files and has admin capabilities for all Group Folders (to assist with debugging user reported issues). When displaying all users, it appears that the display of this user is overlaid with the expanded view of their group access on the user list and makes it difficult if not impossible to select a user from the area overlaid.
Also the inclusion of an image with the profile causes the mis-alignment of users and some overlap others in the list preventing their selection. This is using Firefox and Chrome browsers.

Steps to reproduce

1. sign in with a profile that has admin privileges.
2. Select 'Users' from profile drop down
3. Scroll down to an area where a user that has a significant number of Group or Group Admin assignments is listed 4.The overlay on the list of users appears

Expected behavior

I expect the user list to have two lines per user unless selected for update.

Installation method

None

Nextcloud Server version

27

Operating system

None

PHP engine version

PHP 8.0

Web server

None

Database engine version

None

Is this bug present after an update or on a fresh install?

Upgraded to a MAJOR version (ex. 22 to 23)

Are you using the Nextcloud Server Encryption module?

None

What user-backends are you using?

• [ ] Default user-backend (database)
• [ ] LDAP/ Active Directory
• [ ] SSO - SAML
• [ ] Other

Configuration report

I am a user admin and do have access to the server. 
If this becomes a problem, I can connect to the server admin.

List of activated Apps

Activity
2.19.0
Featured
Auditing / Logging
1.17.0
Featured
Calendar
4.4.4
Featured
Collaborative tags
1.17.0
Featured
Comments
1.17.0
Featured
Contacts Interaction
1.8.0
Featured
Dashboard
7.7.0
Featured
Deleted files
1.17.0
Featured
External sites
5.2.0
Featured
External storage support
1.19.0
Featured
Federation
1.17.0
Featured
File sharing
1.19.0
Featured
First run wizard
2.16.0
Featured
Google integration
2.0.2
Group folders
15.0.2
Featured
Log Reader
2.12.0
Featured
Markdown Editor
2.4.1
Monitoring
1.17.0
Featured
Nextcloud announcements
1.16.0
Featured
Nextcloud Office
8.1.1
Featured
Notifications
2.15.0
Featured
Password policy
1.17.0
Featured
PDF viewer
2.8.0
Featured
Photos
2.3.0
Featured
Plain text editor
2.15.1
Privacy
1.11.0
Featured
Related Resources
1.2.0
Featured
Retention
1.16.0
Featured
Right click
1.6.0
Featured
Share by mail
1.17.0
Featured
Support
1.10.0
Featured
Text
3.8.0
Featured
Update notification
1.17.0
Featured
Usage survey
1.15.0
Featured
User status
1.7.0
Featured
Versions
1.20.0
Featured
Weather status
1.7.0
Featured
Notes
4.3.1
Featured
Brute-force settings
2.7.0
Featured
Circles
27.0.1
Featured
Default encryption module
2.15.0
Featured
LDAP user and group backend
1.17.0
Featured
Recommendations
1.6.0
Featured
Suspicious Login
5.0.0
Featured
Two-Factor TOTP Provider
9.0.0
Featured

Nextcloud Signing status

No response

Nextcloud Logs

No response

Additional info

No response

[MaximeMaW]

I confirm that I have the same issue.

[InteractAgencyDev]

To temporarily solve the problem on my side, I used the following method:

1. Installing "Custom CSS" in the MarketPlace
2. Administration settings > Customise appearance
3. Fill in the "Custom CSS" field with :

`#body-settings #app-content.user-list-grid .row { grid-auto-rows: 60px; }

body-settings #app-content.user-list-grid .row .subAdminsGroups {

overflow: scroll; height: 60px; }`

4. Save + Reload