# Vertical trim for text boxes

**URL:** <https://community.penpot.app/t/vertical-trim-for-text-boxes/10146>\
**Category:** Feature requests\
**Tags:** design\
**Created:** [December 5, 2025, 11:03am UTC](https://community.penpot.app/t/vertical-trim-for-text-boxes/10146 "2025-12-05T11:03:59Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jason\_set](https://avatars.discourse-cdn.com/v4/letter/j/65b543/32.png) [@jason\_set](https://community.penpot.app/u/jason_set)\
**Post date:** [December 5, 2025, 11:03am UTC](https://community.penpot.app/t/vertical-trim-for-text-boxes/10146/1 "2025-12-05T11:03:59Z")

</div>

Since `text-box` [shipped in browsers](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-box), I’ve been using the ‘Vertical Trim’ feature in Figma and it’s one of those little features that I’d love to see in Penpot. The feature mimics CSS `text-box` trim to remove the top and bottom spacing from a text element’s text box, which for some fonts can be _huge_.

Using `text-box` in CSS has improved the possibilities for typesetting in the browser hugely, as we can finally have control of vertical rhythm and spacing. I wrote [an article about it](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-box) framing the problem and some of the use cases.

I can’t see any discussion about this feature here — I’d love to see it on the roadmap!

Here’s [a quick video demo](https://www.youtube.com/watch?v=By6ri7vEwuk) of how this works in Figma.