Rounded Corners Of Sale Product Card

[Pods10101]

Hello Everyone, I have an online store website in which on the product cards (see attached photo below) I have made the product image with rounded corners but where it says sale 50% on each product image (circled in yellow) it does not have rounded square corners and it is looking really awkward so I was wondering if someone could help me out, Thanks!

MY STORE WEBSITE: www.gadget-pods.store

[EcomGraduates]

.sale-badge {
    border-radius: 8px; 
    padding: 5px 10px; 
}