/profile.tsx Nav Bar Overlaps Page Data

[phroggster]

The commands (and presumably quotes, though I haven't verified) nav bar overlaps and blocks text. This can seemingly be rectified by adding 50px of padding-bottom to the div element classed "mt-4 md:mt-10".

Current appearance over two pages. Note the !JSF command explanation is nearly impossible to read on page 2:

Mobile screenshots on my Pixel 8 Pro look even worse:

Padding added in devtools:

Yields the following experience over the same two pages: