Field text on background Block is too small

[TheRadicalDreamer]

Description

When using the background block it allow you to set the image focal point.

These fields (left and up) have a input field.
But in spanish and i presume other languages, it is so small that you cannot tell what number is inside.

Step-by-step reproduction instructions

Expected behaviour

it should adjust according the label

Actual behaviour

the label in spanish is so much big (izquierda vs left) that the input field is reduced.

Screenshots or screen recording (optional)

Code snippet (optional)

WordPress information

• WordPress version: 5.7.2
• Gutenberg version: not installed
• Are all plugins except Gutenberg deactivated? yes
• Are you using a default theme (e.g. Twenty Twenty-One)? yes

Device information

• Device: desktop
• Operating system: chromeos
• Browser:chrome

[kevin940726]

I can reproduce this too. We probably would want to add a min-width to the input field.

[ntsekouras]

This will either need adjustments to some places (it's not an one-liner I believe 😄 ) or we might even consider putting the labels at the top of the controls? 🤔

--cc @jasmussen

[jasmussen]

Labels above seem okay to do here. It's also a challenge I would hope could be addressed in a more holistic/generic way by leveraging #27331.