[@mantine/core] add column based inline flex with to label wrapper to…

… prevent Component label from going bottom right
mantinedev · Nov 6, 2022 · c803f91 · c803f91
1 parent 1f1b226
commit c803f91
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`,