From b107dc21677d779804befd4221dfc456b79eb419 Mon Sep 17 00:00:00 2001 From: Aleksandr Shumilov Date: Thu, 7 Dec 2023 13:51:17 +0100 Subject: [PATCH] [FX-4559] Align labels in forms (#4044) --- .changeset/dirty-ravens-serve.md | 5 +++++ packages/picasso/src/FormField/styles.ts | 1 + 2 files changed, 6 insertions(+) create mode 100644 .changeset/dirty-ravens-serve.md diff --git a/.changeset/dirty-ravens-serve.md b/.changeset/dirty-ravens-serve.md new file mode 100644 index 0000000000..52431e8d90 --- /dev/null +++ b/.changeset/dirty-ravens-serve.md @@ -0,0 +1,5 @@ +--- +'@toptal/picasso': patch +--- + +- align form labels to the top of container diff --git a/packages/picasso/src/FormField/styles.ts b/packages/picasso/src/FormField/styles.ts index b8cd9009b3..13ede559c9 100644 --- a/packages/picasso/src/FormField/styles.ts +++ b/packages/picasso/src/FormField/styles.ts @@ -5,6 +5,7 @@ const HORIZONTAL_COLUMN_WIDTH_PX = 272 export default () => createStyles({ root: { + alignItems: 'start', fontSize: '1rem', '& + &': {