First of all, I want to commend you on creating such an excellent developer experience. The design system makes developing plugins incredibly straightforward, and the components look fantastic right out of the box.
However, I've encountered an issue with the text field component. The text appears very small, which causes alignment issues, particularly when a prefix is used.
Expected Behavior
The prefix element should always have the same height as the text field to ensure proper alignment and visual consistency.
Current Behavior
The prefix element is misaligned with the text field, likely due to the small text size within the field itself. This misalignment affects the visual appearance and usability of the component.
Hello Storyblok Team,
First of all, I want to commend you on creating such an excellent developer experience. The design system makes developing plugins incredibly straightforward, and the components look fantastic right out of the box.
However, I've encountered an issue with the text field component. The text appears very small, which causes alignment issues, particularly when a prefix is used.
Expected Behavior
The prefix element should always have the same height as the text field to ensure proper alignment and visual consistency.
Current Behavior
The prefix element is misaligned with the text field, likely due to the small text size within the field itself. This misalignment affects the visual appearance and usability of the component.
Steps to Reproduce
packages/seo-plugin/src/components/TwitterMetadataForm.vue.Here is the specific component where the issue can be observed: TwitterMetadataForm.vue
Thank you for looking into this issue. Your support and attention to detail are much appreciated.