fix: updated field multiline to have enough width

[btw17]

The basics

• I validated my changes

The details

Resolves

Fixes #2095

Proposed Changes

Updated the width to have 1px extra on each side.

Reason for Changes

From what I can tell, this issue is created by rounding in the browser in different contexts. With Zoom = 100%, this worked as intended for me before the fix. Zooming in, though, I noticed the calculated component ended up as ?.06 and the text area ended up as ?.05. Essentially, there's barely not enough space for the content, so it wraps to the next line. (See screenshots below.)

Test Coverage

No unit tests needed, though here's what I manually tested:

• Various zoom levels (from <100% to >100%)
• Various string lengths
  • Note: See my comment in Additional Information.

Before at 125% zoom: (Note: the last character wraps to a new line)

After at 125% zoom:

Documentation

N/A

Additional Information

What's the expected behavior when the text is long enough to produce an ellipsis? It seems like it wrapping to a new line when the text is too wide in this context might be expected.

Long text with "...":

Corresponding long input text wrapping:

[cpcallen]

LGTM in present form or with order-of-operations change you proposed in standup.

[btw17]

Slight tweak I meant to get out - instead of adding +2px, just needs to add +1px. Should be good to go now, though @cpcallen! When you're good with it, you'll need to be the one to merge this in.