move text-align to form paper

src/components/Form/FormContainer.tsx

@@ -4,9 +4,7 @@ import VerticallyCentered from 'components/Container';
 import { BoxProps } from '@mui/system';
 
 const FormContainer: FC<BoxProps> = ({ children, ...props }) => (
-    <VerticallyCentered
-        sx={{ '&&': { alignItems: 'flex-end', textAlign: 'left' } }}
-        {...props}>
+    <VerticallyCentered sx={{ '&&': { alignItems: 'flex-end' } }} {...props}>
         {children}
     </VerticallyCentered>
 );

src/components/Form/FormPaper/index.tsx

@@ -7,5 +7,6 @@ const FormPaper = styled(Paper)(({ theme }) => ({
     [theme.breakpoints.down('md')]: {
         marginRight: theme.spacing(5),
     },
+    textAlign: 'left',
 }));
 export default FormPaper;