# Button Width Will Not Change

**URL:** <https://community.thunkable.com/t/button-width-will-not-change/1735914>\
**Category:** Questions about Thunkable X\
**Tags:** button\
**Created:** [February 15, 2022, 3:40pm UTC](https://community.thunkable.com/t/button-width-will-not-change/1735914 "2022-02-15T15:40:28Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![tbocchino4](https://avatars.discourse-cdn.com/v4/letter/t/858c86/32.png) [@tbocchino4](https://community.thunkable.com/u/tbocchino4)\
**Post date:** [February 15, 2022, 3:40pm UTC](https://community.thunkable.com/t/button-width-will-not-change/1735914/1 "2022-02-15T15:40:28Z")

</div>

I am trying to make a very simple button where I want the button to be absolutely sized to 60px by 60px so that it is round. No matter what I change, the button width only changes when I change the size of the text inside of it. Why is it not changing otherwise?

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

Thanks,  
TJ

---

<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:** [February 15, 2022, 4:00pm UTC](https://community.thunkable.com/t/button-width-will-not-change/1735914/2 "2022-02-15T16:00:45Z")

</div>

Are you using StP (Snap to Place) or DnD (Drag and Drop)?

With DnD you can set the size in the design stage.

With StP you need to change the size of the button to **absolute** and then set the size.

---

<div class="post-metadata">

**Author:** ![tbocchino4](https://avatars.discourse-cdn.com/v4/letter/t/858c86/32.png) [@tbocchino4](https://community.thunkable.com/u/tbocchino4)\
**Post date:** [February 15, 2022, 4:14pm UTC](https://community.thunkable.com/t/button-width-will-not-change/1735914/3 "2022-02-15T16:14:36Z")

</div>

Hi Muneer, thanks for your prompt repsonse. I am currently using StP. I did change the button size to absolute before I set the size. I even tried to set the size in blocks after and it still will not change the width.

Another weird thing – it is the correct size in the editor:

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

But it comes up the wrong size in the in-app preview and live preview (as in my original post).

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [February 15, 2022, 4:25pm UTC](https://community.thunkable.com/t/button-width-will-not-change/1735914/4 "2022-02-15T16:25:41Z")

</div>

see

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/e/fe7f53a49ba455933b5dc0eeac88b75ed6d5b676.png)  
i have changed height and width to Absolute size 50  
@tbocchino4

---

<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:** [February 15, 2022, 4:35pm UTC](https://community.thunkable.com/t/button-width-will-not-change/1735914/5 "2022-02-15T16:35:32Z")

</div>

In the `Screen Opens` set the width of the button to be the `computed height`. This will make it square.

---

<div class="post-metadata">

**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\
**Post date:** [February 15, 2022, 4:39pm UTC](https://community.thunkable.com/t/button-width-will-not-change/1735914/6 "2022-02-15T16:39:21Z")

</div>

yes @muneer is right you can do this method also @tbocchino4

---

<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:** [February 15, 2022, 4:44pm UTC](https://community.thunkable.com/t/button-width-will-not-change/1735914/7 "2022-02-15T16:44:42Z")

</div>

See this  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/1/614cff2f218dee87bea652433e25edd2508894b9.png)  
Setting the size of the button to absolute of 100 both width and height.

Then set the radius to **0**  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/9/89ca7a6fe9d6a8f08dac87d6b3c89db86cf19980.png)

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

And this is what you see in preview

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

If you do not set the `radius` then you will get a round button.

Hope this helps.

---

<div class="post-metadata">

**Author:** ![tbocchino4](https://avatars.discourse-cdn.com/v4/letter/t/858c86/32.png) [@tbocchino4](https://community.thunkable.com/u/tbocchino4)\
**Post date:** [February 15, 2022, 5:48pm UTC](https://community.thunkable.com/t/button-width-will-not-change/1735914/8 "2022-02-15T17:48:36Z")

</div>

Thanks to both of you for your help – the problem still persists, though. I even tried @muneer 's idea of using blocks to make it the computed height/width and still the button’s width remains unchanged.

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

Could it possibly be something somewhere else?

---

<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:** [February 15, 2022, 8:19pm UTC](https://community.thunkable.com/t/button-width-will-not-change/1735914/9 "2022-02-15T20:19:52Z")

</div>

See this demo  
[https://x.thunkable.com/projectPage/620c09cb5872fa001174adc6](https://x.thunkable.com/projectPage/620c09cb5872fa001174adc6)

---

<div class="post-metadata">

**Author:** ![tbocchino4](https://avatars.discourse-cdn.com/v4/letter/t/858c86/32.png) [@tbocchino4](https://community.thunkable.com/u/tbocchino4)\
**Post date:** [February 16, 2022, 12:14pm UTC](https://community.thunkable.com/t/button-width-will-not-change/1735914/10 "2022-02-16T12:14:01Z")

</div>

Thank you @muneer for your help. I created a new project and it seems to work now. It must have been another setting that I adjusted in the button or the screen. If I ever find the answer I will update.

Thanks again!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [May 17, 2022, 12:14pm UTC](https://community.thunkable.com/t/button-width-will-not-change/1735914/11 "2022-05-17T12:14:02Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
