# How to change font size to fit screen width on 1 line

**URL:** <https://community.thunkable.com/t/how-to-change-font-size-to-fit-screen-width-on-1-line/1951360>\
**Category:** Feature Requests\
**Created:** [July 4, 2022, 1:30pm UTC](https://community.thunkable.com/t/how-to-change-font-size-to-fit-screen-width-on-1-line/1951360 "2022-07-04T13:30:49Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [July 4, 2022, 1:30pm UTC](https://community.thunkable.com/t/how-to-change-font-size-to-fit-screen-width-on-1-line/1951360/1 "2022-07-04T13:30:49Z")

</div>

Is there a way to adjust font sizes for buttons or labels so the component doesn’t wrap to a new line if the text is too long?

Instead the font should reduce in size until it fits without text wrapping

---

<div class="post-metadata">

**Author:** ![overshield](https://avatars.discourse-cdn.com/v4/letter/o/e19b73/32.png) [@overshield](https://community.thunkable.com/u/overshield)\
**Post date:** [July 10, 2022, 12:51am UTC](https://community.thunkable.com/t/how-to-change-font-size-to-fit-screen-width-on-1-line/1951360/2 "2022-07-10T00:51:47Z")

</div>

Temporary workaround (if you want to call it that) is put the label or button into a row or column and it’ll wrap for you instead of falling off the edge of the screen

---

<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:** [October 8, 2022, 12:52am UTC](https://community.thunkable.com/t/how-to-change-font-size-to-fit-screen-width-on-1-line/1951360/3 "2022-10-08T00:52:46Z")

</div>

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