# Border Radius on Data Grid

**URL:** <https://community.weweb.io/t/border-radius-on-data-grid/13829>\
**Category:** Ask us anything\
**Tags:** data-grid\
**Created:** [October 9, 2024, 10:37am UTC](https://community.weweb.io/t/border-radius-on-data-grid/13829 "2024-10-09T10:37:43Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![yanffernandes](https://avatars.discourse-cdn.com/v4/letter/y/258eb7/32.png) [@yanffernandes](https://community.weweb.io/u/yanffernandes)\
**Post date:** [October 9, 2024, 10:37am UTC](https://community.weweb.io/t/border-radius-on-data-grid/13829/1 "2024-10-09T10:37:43Z")

</div>

It doesn’t get applied if I apply border-radius to the data grid or inside a flexbox. How can I fix this?

 ![Screenshot 2024-10-09 at 07.32.20](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/eb0c7fe9185af7063092ce1da3294821cbece7fb.png)

---

<div class="post-metadata">

**Author:** ![DanielL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/daniell/32/13398_2.png) [@DanielL](https://community.weweb.io/u/DanielL)\
**Post date:** [November 14, 2024, 10:52am UTC](https://community.weweb.io/t/border-radius-on-data-grid/13829/2 "2024-11-14T10:52:53Z")

</div>

Hi @yanffernandes

You can solve this issue by setting the overflow of the data grid to hidden. This will kill the borders but you can bypass that by using outlines instead. The new data grid will fix this.