Im seeing a misalignment of the Eye button for the Input

For the textarea the eye icon is tricky to place because of the placeholder and when resizing the textarea the eye icon doesn't move with the textarea because its absolute positioning. It may be easier to place the eye icon outside to the right of the textarea/input.

@jaaydenh thanks for checking the styles. I think the autofill widget that 1password inserts must've been messing with me. putting the toggle on the outside is a lot more consistent (and doesn't risk covering text content)

For the eye button, is the intention that it should only show the input when the user clicks and holds the button? Its currently possible to keep the button in a clicked state by clicking and holding on the button dragging the mouse off the button then letting go of the click. This causes the input to remain visible.

For maintaining the consistency of width of the all the form fields, what if the eye button exists outside of the width of the control. This will allow for all the inputs/textarea control to maintain the alignment on the right side.

yeah but then if you ever tried to use them in a row or any context where something is positioned to the right of it, it'd throw everything off. if we really wanna discuss the design of it I'd rather just remove the button all together for now and do an actual design round later.

I think that overall the design regarding the width is low priority as this feature should have limited use. So I would say keep the button for now.

sounds good. the design could definitely be improved later, I just don't wanna trade one visual oddity for another. 🤷‍♀️