[@mantine/core] Fix incorrect label alignment in Checkbox, Radio and …

…Switch components when label is a ReactNode (#2881)
mantinedev · Nov 12, 2022 · 4aa5bf7 · 4aa5bf7
1 parent 6eee7c8
commit 4aa5bf7
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/mantine-core/src/InlineInput/InlineInput.styles.ts b/src/mantine-core/src/InlineInput/InlineInput.styles.ts
@@ -22,6 +22,8 @@ export default createStyles((theme, { labelPosition, size }: InlineInputStylesPa
 
   labelWrapper: {
     ...theme.fn.fontStyles(),
+    display: 'inline-flex',
+    flexDirection: 'column',
     WebkitTapHighlightColor: 'transparent',
     fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
     lineHeight: `${theme.fn.size({ size, sizes })}px`,