How can i increase the line-height ?

[biomathcode]

The line height of h1 and h2 are small and make the text look back. I have the text overlapping and also while highlight.

[biomathcode]

Okay i got it i can use a simple style.css. I am stupid...

[TheodoreChu]

I think this happens because the default line-height is 1.7em as set in index.tsx. To prevent the headers from overlapping, the line-height could be changed to 1.7 as discussed on MDN. If you don't want the line-height to be so big (1.7 is quite large for headers), then you can add additional CSS to make the line-height for h1, h2, and h3 be normal.

[biomathcode]

I added additional css to make the line-height different for h1, h2, and h3.