Help with rounded corners showing up on leaflet map

[Aggaar]

I for a long time had a problem with these star like figures showing up on my leaflet map, and i couldn't figure out why.

When i then one day, by turning my css file that rounds and centers images off, i found out that it had something to do with the map tiles in the map being individually rounded, i searched around for a fix for it, but couldn't find it.
So i fucked around a bit with the css, and just wanted to post it here, in case anyone else has the same problem.

My code looks like this (but be aware, i am by no means a CSS wizzard)

/* Image corner round */
img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
}

/* Make sure map tiles aren't rounded */
.leaflet-container{
    img{
        border-radius: 0px;
    }
} 

/* Round entire map */
.leaflet-container{
    border-radius: 20px;
}