update FPS message display width

src/pages/Payment/FPS/FPS.js

@@ -396,9 +396,9 @@ const Index = () => {
                         </div>
                     </Grid>
                     {/*row 1*/}
-                    <Grid item xs={12} md={12} >
-                        <Grid container justifyContent="flex-start" alignItems="center" >
-                            <center>
+                    <Grid item xs={12} md={12} width="100%">
+                        <Grid container justifyContent="flex-start" alignItems="center" width="100%">
+                            <center style={{ width: '100%', display: 'block' }}>
                                 <Grid item xs={12} md={12} >
                                     <br /><br />
                                     <Box sx={{ width: { xs: '90%', md: '60%' }, mx: 'auto', mt: 4, textAlign: 'left' }}>
@@ -410,7 +410,17 @@ const Index = () => {
                                         {isError &&
                                             <Typography component="div" variant="body1" color="error" sx={{ fontSize: '20px' }}>
                                                 <FormattedMessage id="fpsPaymentErrorMsg1"/>
-                                                <Box component="ul" sx={{ m: 0, mt: 1, pl: 2.5 }}>
+                                                <Box
+                                                    component="ul"
+                                                    sx={{
+                                                        m: 0,
+                                                        mt: 1,
+                                                        px: 0,
+                                                        width: '100%',
+                                                        boxSizing: 'border-box',
+                                                        listStylePosition: 'inside',
+                                                    }}
+                                                >
                                                     <li><FormattedMessage id="fpsPaymentErrorMsg2"/></li>
                                                     <li><FormattedMessage id="fpsPaymentErrorMsg3"/></li>
                                                 </Box>