I'm having an issue with bullet points not appearing in a list when I use display: flex on the parent element. Here's a simplified example of my code:
ul li { display: flex; justify-content: space-between; align-items: center;}
<ul><li><div>Item 1</div><div><mat-icon>edit</mat-icon><mat-icon>delete</mat-icon></div></li></ul>
In this setup, the bullet points for each list item are not displayed. How can I fix this so that the bullet points appear as expected?