Space member list title partially outside of browser viewport

[ManuelHu]

Steps to reproduce

1. Open a space overview page
2. Open the right-panel member list of this space by clicking on the pile of member avatars

Outcome

What did you expect?

The space avatar and name look okay and are fully visible/readable

What happened instead?

The space avatar and name are looking weird, pushed to the top of the browser viewport, even partly outside of it:

this not only applies to spaces with long names:

(the gray line of pixels on the top is already my browser toolbar)

Operating system

Linux

Browser information

Firefox 121 beta

URL for webapp

No response

Application version

Element Web 1.11.50

Homeserver

Synapse 1.96.1

Will you send logs?

No

[ManuelHu]

If I remove the negative margin-top in https://github.com/matrix-org/matrix-react-sdk/blob/v3.85.0/res/css/views/rooms/_MemberList.pcss#L49, the shift is not happening and the space name is on the same height as the close button on the right

Still it would overflow if the space name + avatar are more than 3 lines of text...