From b578b4afb0b2c7312dcfe0346d33212dfd3c051e 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 inline flex to label wrapper to prevent
 Component label from going bottom right

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

diff --git a/src/mantine-core/src/InlineInput/InlineInput.styles.ts b/src/mantine-core/src/InlineInput/InlineInput.styles.ts
index cd02ebf5002..5b5a7140d33 100644
--- a/src/mantine-core/src/InlineInput/InlineInput.styles.ts
+++ b/src/mantine-core/src/InlineInput/InlineInput.styles.ts
@@ -22,6 +22,7 @@ export default createStyles((theme, { labelPosition, size }: InlineInputStylesPa
 
   labelWrapper: {
     ...theme.fn.fontStyles(),
+    display: 'inline-flex',
     WebkitTapHighlightColor: 'transparent',
     fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
     lineHeight: `${theme.fn.size({ size, sizes })}px`,