Here is a bullet list:
<ol className="graphkregular mt-2" style={{ display: "listItem" }}>
<li>
<small>{popupData.content[0].split("\n").join("\n")}</small>
</li>
<li className='mt-2'>
<small>{popupData.content[1].split("\n").join("\n")}</small>
</li>
</ol>
When I adjust the line height and display, the bullets shift downward:
small {
line-height: 1.4em;
display: inline-block;
}
Does anyone know how to fix this issue? Here is an example image for reference: