Ion-Icon + Ion-Bagde in Ionic7

In my example above I am able to set a badge inside an ion-button with ion-icon and apply some css settings to make it work with

position: absolute;
top: -7px;
right: -5px;
border-radius:100%;
aspect-ratio: 1 / 1;
width:20px;
height:20px;
font-size: 0.8em;
–padding-start:0px;
–padding-end:0px;
–padding-top:4px;
–padding-bottom:3px;

Thing is if I just use an ion-icon + ion-badge without the ion-button as a parent element, I cant seem to make this to work.

If you have been able to use ion-icon + ion-badge together, can you please advise?

Thanks