`Appearance` tab's content overflows with a long display name

[luixxiul]

Steps to reproduce

1. Set your display name to a long one such as Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2. Open Appearance tab

Outcome

What did you expect?

The tab's content should not overflow.

What happened instead?

It overflows.

This is a regression by matrix-org/matrix-react-sdk@b3b03e5 (matrix-org/matrix-react-sdk#10827)

Operating system

Debian

Browser information

Firefox

URL for webapp

develop.element.io

Application version

No response

Homeserver

No response

Will you send logs?

No

[kerryarchibald]

Regressed by matrix-org/matrix-react-sdk#10827