From fdad0f00dfe2170404ff7c7f5314bd2bfa3de091 Mon Sep 17 00:00:00 2001
From: Jason Chuang <jchuang@2fi-solutions.com.hk>
Date: Wed, 19 Aug 2026 02:24:52 +0800
Subject: [PATCH] update FPS message display width

---
 src/pages/Payment/FPS/FPS.js | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/pages/Payment/FPS/FPS.js b/src/pages/Payment/FPS/FPS.js
index d15031b2..1f42013d 100644
--- a/src/pages/Payment/FPS/FPS.js
+++ b/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>