From 4345d6988b3363a0b7bf3f94db0ee9eb36b83bae Mon Sep 17 00:00:00 2001
From: Shemy Gan <jennifergan26@gmail.com>
Date: Wed, 27 Nov 2024 21:20:03 -0500
Subject: [PATCH] - Fix the checkbox position to be conditional on non string
 label

---
 Client/src/Components/Inputs/Checkbox/index.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/Client/src/Components/Inputs/Checkbox/index.jsx b/Client/src/Components/Inputs/Checkbox/index.jsx
index 2f89d86df..f19d9670e 100644
--- a/Client/src/Components/Inputs/Checkbox/index.jsx
+++ b/Client/src/Components/Inputs/Checkbox/index.jsx
@@ -40,6 +40,7 @@ const Checkbox = ({
 	/* TODO move sizes to theme */
 	const sizes = { small: "14px", medium: "16px", large: "18px" };
 	const theme = useTheme();
+	const override = typeof label == "string" ? {} : { alignSelf: "flex-start" };
 	return (
 		<FormControlLabel
 			className="checkbox-wrapper"
@@ -57,7 +58,7 @@ const Checkbox = ({
 					sx={{						
 						"&:hover": { backgroundColor: "transparent" },
 						"& svg": { width: sizes[size], height: sizes[size] },
-						alignSelf: "flex-start",
+                        ...override						
 					}}
 				/>
 			}