Problem with displaying squares when using Angular material mini buttons in my Angular 7 project. Any suggestions on how to fix this issue?
Thanks.
Please take a look at the issue below:
https://i.sstatic.net/VaGDV.png
Here is my code:
component.html
<div class="p-2">
<button mat-mini-fab>
<mat-icon aria-label="Example icon-button with a heart icon " >edit
</mat-icon>
</button>
</div>
<div class="p-2"><button mat-mini-fab>
<mat-icon aria-label="Example icon-button with a heart icon">delete
</mat-icon>
</button>
</div>
.css
.mat-mini-fab.mat-accent {
background-color: #e9ecef; color: black; box-shadow: none;
}