# Overflow hidden option doesn't work on rounded elements

**URL:** <http://forum.squareline.io/t/overflow-hidden-option-doesnt-work-on-rounded-elements/3801>\
**Category:** Bugs\
**Created:** [September 13, 2024, 9:06am UTC](http://forum.squareline.io/t/overflow-hidden-option-doesnt-work-on-rounded-elements/3801 "2024-09-13T09:06:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![MohammedMMc](http://forum.squareline.io/user_avatar/forum.squareline.io/mohammedmmc/32/1509_2.png) [@MohammedMMc](http://forum.squareline.io/u/MohammedMMc)\
**Post date:** [September 13, 2024, 9:06am UTC](http://forum.squareline.io/t/overflow-hidden-option-doesnt-work-on-rounded-elements/3801/1 "2024-09-13T09:06:21Z")

</div>

### What do you want to achieve?

I want to add a container with rounded corners and place an image inside it. The goal is for the image to be constrained within the rounded corners, with any overflow hidden, so that the image respects the container’s rounded shape.

### What have you tried so far?

I added the container, applied rounded corners, and set the `overflow visible` to false. However, the image inside the container still displays outside the rounded corners, particularly where the edges should be clipped. The `overflow visible` only seems to affect the container’s straight edges, not the rounded sides.

### Screenshot or video

 ![Screenshot_1](http://forum.squareline.io/uploads/default/original/2X/9/9aa83e1c34cb0de95d17c0d35e5f5636ad5fadc3.png)

### Others

- **SquareLine Studio version:** 1.4.2
- **Operating system:** Windows 11
- **Target hardware:** ESP32-S3 240x280

---

<div class="post-metadata">

**Author:** ![Hermit](http://forum.squareline.io/user_avatar/forum.squareline.io/hermit/32/971_2.png) [@Hermit](http://forum.squareline.io/u/Hermit)\
**Post date:** [September 16, 2024, 6:15pm UTC](http://forum.squareline.io/t/overflow-hidden-option-doesnt-work-on-rounded-elements/3801/2 "2024-09-16T18:15:03Z")

</div>

There’s an LVGL style-property that you can set inside STYLE/‘Background’ section: “Clip corner”. If you turn that on the overflow should be constrained by the rounded corner accordingly.

---

<div class="post-metadata">

**Author:** ![MohammedMMc](http://forum.squareline.io/user_avatar/forum.squareline.io/mohammedmmc/32/1509_2.png) [@MohammedMMc](http://forum.squareline.io/u/MohammedMMc)\
**Post date:** [September 16, 2024, 7:27pm UTC](http://forum.squareline.io/t/overflow-hidden-option-doesnt-work-on-rounded-elements/3801/3 "2024-09-16T19:27:40Z")

</div>

Thank you so much! ❤  
That completely solved my problem.