# Components don't scale text

**URL:** <https://community.penpot.app/t/components-dont-scale-text/5454>\
**Category:** Ask the community\
**Created:** [May 19, 2024, 6:21pm UTC](https://community.penpot.app/t/components-dont-scale-text/5454 "2024-05-19T18:21:59Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Lee\_Conlin](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/lee_conlin/32/5151_2.png) [@Lee\_Conlin](https://community.penpot.app/u/Lee_Conlin)\
**Post date:** [May 19, 2024, 6:21pm UTC](https://community.penpot.app/t/components-dont-scale-text/5454/1 "2024-05-19T18:21:59Z")

</div>

I have a component that I want to use in various places but when I add the component to a layer and try to resize the component, any text within the component doesn’t scale at all.

Here’s a video showing the issue I’m having. Not sure what I’m doing wrong:

> **[2024-05-19\_19-16-34](https://app.screencast.com/vJgABRYVGK8QE)**
>
> World's leading screen capture + recorder from Snagit + Screencast by Techsmith. Capture, edit and share professional-quality content seamlessly.

---

<div class="post-metadata">

**Author:** ![carolina.portugal](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/carolina.portugal/32/36_2.png) [@carolina.portugal](https://community.penpot.app/u/carolina.portugal)\
**Post date:** [May 20, 2024, 1:14pm UTC](https://community.penpot.app/t/components-dont-scale-text/5454/2 "2024-05-20T13:14:45Z")

</div>

Hello @Lee_Conlin, the scalable option only applies for vector. You can use a vector design tool as Inkscape to transform text into path and use it as you wish on penpot.

---

<div class="post-metadata">

**Author:** ![Lee\_Conlin](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/lee_conlin/32/5151_2.png) [@Lee\_Conlin](https://community.penpot.app/u/Lee_Conlin)\
**Post date:** [May 20, 2024, 7:34pm UTC](https://community.penpot.app/t/components-dont-scale-text/5454/3 "2024-05-20T19:34:19Z")

</div>

This seems like a fairly basic feature to be missing. I can’t be the only person that wants to scale components that have text in them?

---

<div class="post-metadata">

**Author:** ![RenanMayrinckDesign](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/renanmayrinckdesign/32/3104_2.png) [@RenanMayrinckDesign](https://community.penpot.app/u/RenanMayrinckDesign)\
**Post date:** [May 21, 2024, 6:11am UTC](https://community.penpot.app/t/components-dont-scale-text/5454/4 "2024-05-21T06:11:03Z")

</div>

Hi @Lee_Conlin!

Try using the scaling tool (key K) and try to resize your component, it will work just fine.

---

<div class="post-metadata">

**Author:** ![carolina.portugal](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/carolina.portugal/32/36_2.png) [@carolina.portugal](https://community.penpot.app/u/carolina.portugal)\
**Post date:** [May 21, 2024, 8:05am UTC](https://community.penpot.app/t/components-dont-scale-text/5454/5 "2024-05-21T08:05:58Z")

</div>

Yes! Scale with key K will work, we also will prioritize this issue: [Taiga](https://tree.taiga.io/project/penpot/us/5621?backlog-q=scale&no-milestone=1)

---

<div class="post-metadata">

**Author:** ![RenanMayrinckDesign](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/renanmayrinckdesign/32/3104_2.png) [@RenanMayrinckDesign](https://community.penpot.app/u/RenanMayrinckDesign)\
**Post date:** [May 21, 2024, 8:35am UTC](https://community.penpot.app/t/components-dont-scale-text/5454/6 "2024-05-21T08:35:41Z")

</div>

I think proportional scaling should be treated as a tool and be present on the floating toolbar, will solve a lot of issues with scaling of objects like text.

---

<div class="post-metadata">

**Author:** ![Lee\_Conlin](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/lee_conlin/32/5151_2.png) [@Lee\_Conlin](https://community.penpot.app/u/Lee_Conlin)\
**Post date:** [May 21, 2024, 9:26am UTC](https://community.penpot.app/t/components-dont-scale-text/5454/7 "2024-05-21T09:26:06Z")

</div>

Thanks for this. That worked. Would be great if that was more obvious in the UI.
