Description
We've noticed an issue on the platform where small buttons are paired with small text inputs, the text inputs use a medium font size instead of a small font-size. This creates a mismatch in the visual hierarchy, as shown below:
Upon investigation, we found that small text fields are implemented correctly in Rails. However, in React and Figma, this implementation isn't consistent.
You can check the correct Rails implementation here: Text Field Playground.
Steps to reproduce
Go in Figma or the React playground and set the size to small. Then inspect the font-size which will indicate a medium size.
Version
Latest
Browser
Safari
Description
We've noticed an issue on the platform where small buttons are paired with small text inputs, the text inputs use a medium font size instead of a small font-size. This creates a mismatch in the visual hierarchy, as shown below:
Upon investigation, we found that small text fields are implemented correctly in Rails. However, in React and Figma, this implementation isn't consistent.
You can check the correct Rails implementation here: Text Field Playground.
Steps to reproduce
Go in Figma or the React playground and set the size to
small. Then inspect the font-size which will indicate a medium size.Version
Latest
Browser
Safari