# Get rid of annoying border on a row

**URL:** <https://community.thunkable.com/t/get-rid-of-annoying-border-on-a-row/564926>\
**Category:** Questions about Thunkable X\
**Tags:** design, beginner\
**Created:** [May 6, 2020, 1:05pm UTC](https://community.thunkable.com/t/get-rid-of-annoying-border-on-a-row/564926 "2020-05-06T13:05:52Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pop\_Gheorghe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pop_gheorghe/32/20648_2.png) [@Pop\_Gheorghe](https://community.thunkable.com/u/Pop_Gheorghe)\
**Post date:** [May 6, 2020, 1:05pm UTC](https://community.thunkable.com/t/get-rid-of-annoying-border-on-a-row/564926/1 "2020-05-06T13:05:52Z")

</div>

![IMG_4251](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/0/4082c1ae28fd3c7ca22e7cbd697f02fd420510c3.png)  
 ![IMG_4250](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/3/73f4b99b579cdf12aebf2a6df2b3f7267bb8fd32.jpeg)

Does someone know how to get rid of this annoying border for a row? This is not a row border. It is generated when using shadow for a row.

Thank you!

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [May 6, 2020, 1:50pm UTC](https://community.thunkable.com/t/get-rid-of-annoying-border-on-a-row/564926/2 "2020-05-06T13:50:26Z")

</div>

Setting the height to negative numbers will show the shadow above the component, setting it to positive numbers will show it below the component.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/5/8508745f904315b74222fa20e14f5c055166de33.png) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/3/b32d435b56f7d139bbe18bac579e11879b8a11f1.jpeg)  
The red block here is a row set to height of 50 and width to fill container. The shadow properties are shown above also. I don’t notice any black lines though I’m sure your code also looks like this.

What you could try is setting overflow to hidden in the screen properties. Setting this in the component properties would disable shadows altogether.  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/6/76f71add1da9323866e6abd2b61eb42be90224af.png)

Also to note when working with shadows, my personal experience shows shadows reacting much differently on Android to iOS, iOS being a little more sensitive.

---

<div class="post-metadata">

**Author:** ![Pop\_Gheorghe](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pop_gheorghe/32/20648_2.png) [@Pop\_Gheorghe](https://community.thunkable.com/u/Pop_Gheorghe)\
**Post date:** [May 8, 2020, 4:32pm UTC](https://community.thunkable.com/t/get-rid-of-annoying-border-on-a-row/564926/3 "2020-05-08T16:32:50Z")

</div>

Hey, thanks for the detailed answer.  
Setting Overflow to hidden did the trick, but in my case I needed to set overflow hidden not for the screen but for the column that was keeping the row. Setting it for the screen did not affect.

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [May 8, 2020, 4:38pm UTC](https://community.thunkable.com/t/get-rid-of-annoying-border-on-a-row/564926/4 "2020-05-08T16:38:21Z")

</div>

Glad I was of help. Very good idea for nesting it in a column, I’ll remember that for future references!

Be sure to share your app in #SuccessfullyTHUNKd when you’re done.

---

<div class="post-metadata">

**Author:** ![lucas.tudor](https://avatars.discourse-cdn.com/v4/letter/l/f14d63/32.png) [@lucas.tudor](https://community.thunkable.com/u/lucas.tudor)\
**Post date:** [October 21, 2021, 1:51am UTC](https://community.thunkable.com/t/get-rid-of-annoying-border-on-a-row/564926/5 "2021-10-21T01:51:13Z")

</div>

Quick question, How do I access the screen propertie settings as shown above?

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:29am UTC](https://community.thunkable.com/t/get-rid-of-annoying-border-on-a-row/564926/6 "2024-11-08T11:29:18Z")

</div>


