# Label is full width in builder but not in the app

**URL:** <https://community.thunkable.com/t/label-is-full-width-in-builder-but-not-in-the-app/1427064>\
**Category:** Questions about Thunkable X\
**Created:** [August 2, 2021, 10:52pm UTC](https://community.thunkable.com/t/label-is-full-width-in-builder-but-not-in-the-app/1427064 "2021-08-02T22:52:23Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![dclozier](https://avatars.discourse-cdn.com/v4/letter/d/3be4f8/32.png) [@dclozier](https://community.thunkable.com/u/dclozier)\
**Post date:** [August 2, 2021, 10:52pm UTC](https://community.thunkable.com/t/label-is-full-width-in-builder-but-not-in-the-app/1427064/1 "2021-08-02T22:52:23Z")

</div>

I have a heading at the top of each screen that shows as full width in the builder but not in the app live view or the downloaded apk.

Builder:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/e/4e57e4ac1fb222da4c4ac859e7b985bac150547c.png)

App live view:

 ![Capture+_2021-08-02-17-35-56](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/9/69ce24dff48448b6e0d8698fc8bb36cbf5dc9a88.png)

Am I doing something wrong?

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [August 3, 2021, 6:05am UTC](https://community.thunkable.com/t/label-is-full-width-in-builder-but-not-in-the-app/1427064/2 "2021-08-03T06:05:18Z")

</div>

Could you share a screenshot of your width and height properties for your label?

---

<div class="post-metadata">

**Author:** ![dclozier](https://avatars.discourse-cdn.com/v4/letter/d/3be4f8/32.png) [@dclozier](https://community.thunkable.com/u/dclozier)\
**Post date:** [August 3, 2021, 3:08pm UTC](https://community.thunkable.com/t/label-is-full-width-in-builder-but-not-in-the-app/1427064/3 "2021-08-03T15:08:42Z")

</div>

The width doesn’t seem to make a difference. Here is a screen grab for the builder with the label having a 675 pixel width with centered text.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/a/fa22974da6103ec1ad404eee8bd77d884ed4e526.png)

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/a/5a09b0c414b6a566c46642dae95030f3dd0d0518.png)

Here is the screen grab for the live view app.

 ![Capture+_2021-08-03-09-06-41](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/b/5b08e0ba6d13b01fb5602ca77bd55c4f64b0043e.png)

I hope that helps?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [August 3, 2021, 4:41pm UTC](https://community.thunkable.com/t/label-is-full-width-in-builder-but-not-in-the-app/1427064/4 "2021-08-03T16:41:44Z")

</div>

You are using DnD UI and in this UI there is now resizing.

You can try setting the width to some higher numbers until you see it fit in the Live.

---

<div class="post-metadata">

**Author:** ![dclozier](https://avatars.discourse-cdn.com/v4/letter/d/3be4f8/32.png) [@dclozier](https://community.thunkable.com/u/dclozier)\
**Post date:** [August 3, 2021, 5:09pm UTC](https://community.thunkable.com/t/label-is-full-width-in-builder-but-not-in-the-app/1427064/5 "2021-08-03T17:09:54Z")

</div>

Unfortunately the text being centered does not work well with the expanded label width. I tried two labels and that works but now there’s a border around the label containing text.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/9/a9fa00bda82be22487571270a562252b8262b135.png)

 ![Capture+_2021-08-03-12-07-03](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/1/61e7e57ead5b8859c04e2f168171930b0c264922.png)

I’m waiting for my apk download link so I can check the generated app but I expect it to match the live view as it has before.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [August 4, 2021, 7:15am UTC](https://community.thunkable.com/t/label-is-full-width-in-builder-but-not-in-the-app/1427064/6 "2021-08-04T07:15:10Z")

</div>

The `Label` by default does not have a border unless you assign a border to it from this option

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/e/3e1b0b3c3f1b52f177672c5c7e2f2c5084bad65f.png)

---

<div class="post-metadata">

**Author:** ![dclozier](https://avatars.discourse-cdn.com/v4/letter/d/3be4f8/32.png) [@dclozier](https://community.thunkable.com/u/dclozier)\
**Post date:** [August 4, 2021, 3:41pm UTC](https://community.thunkable.com/t/label-is-full-width-in-builder-but-not-in-the-app/1427064/7 "2021-08-04T15:41:35Z")

</div>

I didn’t assign any border. I did try to give it a transparent border but that didn’t work. I think it is a shadow I am seeing though and not an actual border.

---

<div class="post-metadata">

**Author:** ![dclozier](https://avatars.discourse-cdn.com/v4/letter/d/3be4f8/32.png) [@dclozier](https://community.thunkable.com/u/dclozier)\
**Post date:** [August 4, 2021, 4:10pm UTC](https://community.thunkable.com/t/label-is-full-width-in-builder-but-not-in-the-app/1427064/8 "2021-08-04T16:10:08Z")

</div>

The solution was to not set the background color. Once that is removed then the shadow is removed as well.

@muneer Thanks for making me revisit that.

---

<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, 1:17pm UTC](https://community.thunkable.com/t/label-is-full-width-in-builder-but-not-in-the-app/1427064/9 "2024-11-08T13:17:36Z")

</div>


