diff --git a/.changeset/mean-donkeys-double.md b/.changeset/mean-donkeys-double.md
new file mode 100644
index 00000000..60024ec3
--- /dev/null
+++ b/.changeset/mean-donkeys-double.md
@@ -0,0 +1,5 @@
+---
+'@asgardeo/react': patch
+---
+
+Fix alignment issues in the components
diff --git a/packages/react/src/components/presentation/SignIn/BaseSignIn.tsx b/packages/react/src/components/presentation/SignIn/BaseSignIn.tsx
index 6552bc5a..bce5cd69 100644
--- a/packages/react/src/components/presentation/SignIn/BaseSignIn.tsx
+++ b/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,
diff --git a/packages/react/src/components/presentation/SignUp/BaseSignUp.tsx b/packages/react/src/components/presentation/SignUp/BaseSignUp.tsx
index d9f80566..ebc31191 100644
--- a/packages/react/src/components/presentation/SignUp/BaseSignUp.tsx
+++ b/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,
diff --git a/packages/react/src/components/primitives/FormControl/FormControl.tsx b/packages/react/src/components/primitives/FormControl/FormControl.tsx
index 918af365..c52a30dd 100644
--- a/packages/react/src/components/primitives/FormControl/FormControl.tsx
+++ b/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,
   };