Border-Radius is not working on mobile

Site URL: https://pte.squarespace.com/careers

I got my icons looking great for the contact page. However on mobile, the Border-Radius is not working and the light blue circle shows up as a square. Has this been an issue for anyone else? It shows up correctly on the Squarespace display, but not on my iPhone 12. Please help. I'd love to figure out the root of the problem. However, if this is unsolvable, can you help me figure out how I might create a new slightly bigger circle and position it right behind the icons, in order to fake a border? Thanks.

(light blue color: #80f5f3)

Hey @pbueno24 the outline is square on desktop too. In your CSS changes the word outline to border. It should look like this 

[data-section-id="6165ad78dbdd4e6480fd5c94"] .list-item-media-inner {
border: 3px solid #80f5f3;
box-shadow: 0px 0px 100px -10px #80f5f3;
}

Thank you! However, do you know how to prevent the circles from turning into ovals after manipulating the border pixels?  

To make it not oval, I think you need to set border & radius for image tag, not image container, it should be

[data-section-id="6165ad78dbdd4e6480fd5c94"] {
.list-item-media-inner {
    overflow: visible !important;
}
.user-items-list-simple .list-image {
    border: 3px solid #80f5f3;
    border-radius: 50%;
}
}