Long words in headers may cause overflow and horizontal scrolling

[JacksonChen666]

Describe the bug
Long words in headers may cause overflow and horizontal scrolling

Reproduction steps
Steps to reproduce the behavior:

1. Go to my status page
2. Resize window to simulate a small viewport
3. See overflow

Expected behavior
The text does wrap, not causing horizontal scrolling.

Screenshots
Simulated viewport (iPhone SE) in Firefox

Desktop (please complete the following information):

• OS: macOS
• Browser: LibreWolf (Firefox fork)
• Version 118.0.1-1

Smartphone (please complete the following information):

• Device: Fairphone 4
• OS: /e/OS
• Browser: Firefox
• Version: 118.1.0

Additional context
Add any other context about the problem here.

[sumitrajkumar]

can you assign me this issue?

[JacksonChen666]

can you assign me this issue?

I can't, but that shouldn't block you from working on this issue.

https://github.com/cstate/cstate/blob/master/CONTRIBUTING.md#i-want-to-write-code

[mistermantas]

can you assign me this issue?

You can make a pr and I will merge it