The width of the profile metadata is not capped, so it will stretch its container off the screen entirely given enough data (due to lack of wrapping).

Possible fixes:
- add
account__header__fields {max-width: 100vw}
- remove
.account__header__fields dd, .account__header__fields dt {white-space: nowrap}
- if this is done, consider also changing to
overflow: auto to allow scrolling when necessary, or disable max-height: 48px to allow full text to be displayed
| maxwidth |
maxwidth with overflow:auto |
 |
 |
| Wrap with overflow:auto |
Wrap with no max-height |
 |
 |
I can submit a PR for whichever solution is deemed most acceptable. I personally prefer "Wrap with no max-height", but if the extra height is undesirable for whatever reason, then "maxwidth with overflow:auto" would be my second choice.
The width of the profile metadata is not capped, so it will stretch its container off the screen entirely given enough data (due to lack of wrapping).
Possible fixes:
account__header__fields {max-width: 100vw}.account__header__fields dd, .account__header__fields dt {white-space: nowrap}overflow: autoto allow scrolling when necessary, or disablemax-height: 48pxto allow full text to be displayedI can submit a PR for whichever solution is deemed most acceptable. I personally prefer "Wrap with no max-height", but if the extra height is undesirable for whatever reason, then "maxwidth with overflow:auto" would be my second choice.