From 4aa5bf7dc015e0becf046d0ca668a0c52619b1fd Mon Sep 17 00:00:00 2001
From: Aadarsha Acharya <connectwithadarsha@gmail.com>
Date: Sat, 12 Nov 2022 15:46:37 +0545
Subject: [PATCH] [@mantine/core] Fix incorrect label alignment in Checkbox,
 Radio and Switch components when label is a ReactNode (#2881)

---
 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`,