From b7186aa0ef2b4c5268dbe57de9264f1d996a9b96 Mon Sep 17 00:00:00 2001
From: Shemy Gan <jennifergan26@gmail.com>
Date: Tue, 19 Nov 2024 11:31:22 -0500
Subject: [PATCH] - Replace pb with alignSelf for checkbox position

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

diff --git a/Client/src/Components/Inputs/Checkbox/index.jsx b/Client/src/Components/Inputs/Checkbox/index.jsx
index 797e43780..a2e8021df 100644
--- a/Client/src/Components/Inputs/Checkbox/index.jsx
+++ b/Client/src/Components/Inputs/Checkbox/index.jsx
@@ -40,8 +40,6 @@ const Checkbox = ({
 	/* TODO move sizes to theme */
 	const sizes = { small: "14px", medium: "16px", large: "18px" };
 	const theme = useTheme();
-	const checkBoxPosition = typeof label === "string" ? {} : { pb: "65px" };
-
 	return (
 		<FormControlLabel
 			className="checkbox-wrapper"
@@ -56,9 +54,10 @@ const Checkbox = ({
 						"aria-label": "controlled checkbox",
 						id: id,
 					}}
-					sx={{
+					sx={{						
 						"&:hover": { backgroundColor: "transparent" },
 						"& svg": { width: sizes[size], height: sizes[size] },
+						alignSelf: "flex-start",
 					}}
 				/>
 			}
@@ -71,7 +70,6 @@ const Checkbox = ({
 					width: theme.spacing(10),
 					p: 0,
 					mr: theme.spacing(6),
-					...checkBoxPosition,
 				},
 				"&:not(:has(.Mui-disabled)):hover": {
 					backgroundColor: theme.palette.background.accent,