[BUG] Display headers don't wrap on small viewports

[mattxwang]

Describe the bug

On small viewports, display headers don't wrap properly, and the text gets cut off. Here's an example from the Teach LA branding page - "Pattern / Motif" isn't breaking properly:

My two cents: disabling the line letter-spacing: 0.585em fixes the problem; the text isn't wrapping because the width of the (parent) block is calculated before letter spacing is applied. However, if you want to maintain the visual effect of the spacing, you'll need to do something else.

Note: similar behaviour causes the width of the page to be calculated incorrectly; see: