Merge pull request #1514 from rafeyrana/issue#1508

Left align Profile > Password components
bluewave-labs · Jan 3, 2025 · 118796c · 118796c
2 parents 6774958 + 2c21a44
commit 118796c
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/Client/src/Components/TabPanels/Account/PasswordPanel.jsx b/Client/src/Components/TabPanels/Account/PasswordPanel.jsx
@@ -126,8 +126,8 @@ const PasswordPanel = () => {
 				noValidate
 				spellCheck="false"
 				gap={theme.spacing(26)}
-				maxWidth={"80ch"}
-				marginInline={"auto"}
+				maxWidth={"80ch"}  // Keep maxWidth
+
 			>
 				<TextInput
 					type="text"
@@ -166,7 +166,7 @@ const PasswordPanel = () => {
 				</Stack>
 				<Stack
 					direction="row"
-					alignItems={"center"}
+					alignItems={"flex-start"}
 					gap={SPACING_GAP} 
 					flexWrap={"wrap"}
 				>
@@ -192,7 +192,7 @@ const PasswordPanel = () => {
 				</Stack>
 				<Stack
 					direction="row"
-					alignItems={"center"}
+					alignItems={"flex-start"}
 					gap={SPACING_GAP} 
 					flexWrap={"wrap"}
 				>
@@ -255,4 +255,4 @@ PasswordPanel.propTypes = {
 	// No props are being passed to this component, hence no specific PropTypes are defined.
 };
 
-export default PasswordPanel;
+export default PasswordPanel;