Overflow hidden being ignored

[rsavoie (Ryan Savoie)]

Hey everyone,

One of my div blocks is ignoring overflow hidden. I’ve attached a video of the problem below. Thanks for any help!

–

Update: It is working properly on chrome for PC, but not working on safari.

Here is my public share link: [LINK]1
(how to access public share link)

[Port_of_Folio]

Safari not hiding overflow on rounded corner divs

Any one know why Safari is not hiding overflow on divs with round corners? How can I fix this? See pill buttons I created with a gradient hover interaction. The only way to achieve the interaction was by using a div and placing an image in the div, then set overflow hide. The div will hide overflow when only using a bg color, but not when placing an image inside. It works on other major browsers.

[rsavoie (Ryan Savoie)]

Thank you! That worked!