Merge pull request #90 from brionmario/next

chore(react): fix alignment issues in the components

Author: brionmario

.changeset/mean-donkeys-double.md

@@ -0,0 +1,5 @@
+---
+'@asgardeo/react': patch
+---
+
+Fix alignment issues in the components

packages/react/src/components/presentation/SignIn/BaseSignIn.tsx

@@ -295,6 +295,7 @@ const useStyles = () => {
     () => ({
       card: {
         gap: `calc(${theme.vars.spacing.unit} * 2)`,
+        minWidth: '420px',
       } as CSSProperties,
       header: {
         gap: 0,

packages/react/src/components/presentation/SignUp/BaseSignUp.tsx

@@ -132,6 +132,7 @@ const useStyles = () => {
     () => ({
       card: {
         gap: `calc(${theme.vars.spacing.unit} * 2)`,
+        minWidth: '420px',
       } as CSSProperties,
       header: {
         gap: 0,

packages/react/src/components/primitives/FormControl/FormControl.tsx

@@ -64,6 +64,7 @@ const FormControl: FC<FormControlProps> = ({
   const {theme} = useTheme();
 
   const containerStyle: CSSProperties = {
+    textAlign: 'left',
     marginBottom: `calc(${theme.vars.spacing.unit} * 2)`,
     ...style,
   };