The horizontal gradient on page previews is taller than text height and overlaps with previous line:
Note how the bottom of the g is clipped.
- Change gradient height to match text height<br />(using responsive "em"/"rem" units to stop the problem happening again).
Steps to reproduce:
1. As a logged-in user, go to https://en.wikipedia.org/wiki/Roman_Empire
2. Hover over Marc Anthony
3. You will notice the "p" of the second to last line is cut off