From c803f9125c615ce0b8fd1acaa2f4e8e60d34eb49 Mon Sep 17 00:00:00 2001
From: Aadarsha Acharya <connectwithadarsha@gmail.com>
Date: Sat, 5 Nov 2022 12:53:13 +0545
Subject: [PATCH] [@mantine/core] add column based inline flex with to label
 wrapper to prevent Component label from going bottom right

---
 src/mantine-core/src/InlineInput/InlineInput.styles.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/mantine-core/src/InlineInput/InlineInput.styles.ts b/src/mantine-core/src/InlineInput/InlineInput.styles.ts
index cd02ebf5002..3bb0251f89f 100644
--- 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`,