diff --git a/src/assets/images/2025_lgce.jpg b/src/assets/images/2025_lgce.jpg
new file mode 100644
index 0000000..0c58975
Binary files /dev/null and b/src/assets/images/2025_lgce.jpg differ
diff --git a/src/pages/GazetteIssue/index.js b/src/pages/GazetteIssue/index.js
index 8c68610..ca9e1d7 100644
--- a/src/pages/GazetteIssue/index.js
+++ b/src/pages/GazetteIssue/index.js
@@ -197,29 +197,25 @@ const Index = () => {
                         <Grid item xs={12} md={12} lg={6} width="100%">
                             <Stack direction="row" justifyContent="flex-start" alignItems="center" spacing={2} sx={{ml:2,mt:1}} >
                                 <ThemeProvider theme={PNSPS_LONG_BUTTON_THEME}>
-                                    <input
+                                    <Button
+                                        component="label"
+                                        variant="contained"
+                                        size="large"
+                                        disabled={waitImport}
+                                    >
+                                        <Typography variant="h5">Upload Files</Typography>
+                                        <input
                                         id="uploadFileBtn"
                                         name="file"
                                         type="file"
                                         accept=".xlsx"
-                                        style={{ display: 'none' }}
+                                        hidden
                                         disabled={waitImport}
-                                        onChange={(event) => {
-                                            readFile(event)
-                                        }}
-                                    />
-                                    <label htmlFor="uploadFileBtn">
-                                        <Button
-                                            component="span"
-                                            variant="contained"
-                                            size="large"
-                                            disabled={waitImport}
-                                        >
-                                            <Typography variant="h5">Upload Files</Typography>
-                                        </Button>
-                                    </label>
+                                        onChange={readFile}
+                                        aria-label="Upload Excel file (.xlsx)"
+                                        />
+                                    </Button>
                                 </ThemeProvider>
-                                
                             </Stack>
                         </Grid>
                         :null
diff --git a/src/pages/Holiday/index.js b/src/pages/Holiday/index.js
index 3fe85a7..4f24c29 100644
--- a/src/pages/Holiday/index.js
+++ b/src/pages/Holiday/index.js
@@ -183,41 +183,36 @@ const Index = () => {
                         <Stack direction="row" justifyContent="flex-start" alignItems="center" spacing={2} sx={{ml:2,mt:1}} >
                         
                             <ThemeProvider theme={PNSPS_LONG_BUTTON_THEME}>
-                                <label htmlFor="downloadFileBtn">
+                                <Button
+                                    variant="contained"
+                                    size="large"
+                                    disabled={waitDownload}
+                                    onClick={doExport}
+                                    aria-label="Export holiday template"
+                                >
+                                    <Typography variant="h5">Export</Typography>
+                                </Button>
+                            </ThemeProvider>
+                            {isGrantedAny(["MAINTAIN_GAZETTE_ISSUE"]) ?
+                                <ThemeProvider theme={PNSPS_LONG_BUTTON_THEME}>
                                     <Button
-                                        component="span"
+                                        component="label"
                                         variant="contained"
                                         size="large"
-                                        disabled={waitDownload}
-                                        onClick={doExport}
+                                        disabled={waitImport}
                                     >
-                                        <Typography variant="h5">Export</Typography>
-                                    </Button>
-                                </label>
-                            </ThemeProvider>
-                            {isGrantedAny(["MAINTAIN_GAZETTE_ISSUE"]) ?
-                                <ThemeProvider theme={PNSPS_LONG_BUTTON_THEME}>
-                                    <input
+                                        <Typography variant="h5">Upload Files</Typography>
+                                        <input
                                         id="uploadFileBtn"
                                         name="file"
                                         type="file"
                                         accept=".xlsx"
-                                        style={{ display: 'none' }}
+                                        hidden
                                         disabled={waitImport}
-                                        onChange={(event) => {
-                                            readFile(event)
-                                        }}
-                                    />
-                                    <label htmlFor="uploadFileBtn">
-                                        <Button
-                                            component="span"
-                                            variant="contained"
-                                            size="large"
-                                            disabled={waitImport}
-                                        >
-                                            <Typography variant="h5">Upload Files</Typography>
-                                        </Button>
-                                    </label>
+                                        onChange={readFile}
+                                        aria-label="Upload Excel file (.xlsx)"
+                                        />
+                                    </Button>
                                 </ThemeProvider>
                                 :null
                             }
diff --git a/src/pages/Proof/Create_FromApp/ProofForm.js b/src/pages/Proof/Create_FromApp/ProofForm.js
index ab47b56..0624763 100644
--- a/src/pages/Proof/Create_FromApp/ProofForm.js
+++ b/src/pages/Proof/Create_FromApp/ProofForm.js
@@ -273,32 +273,26 @@ const FormPanel = ({ formData }) => {
                             />
                         </Stack>
                     </Grid>
-
                     <Grid item xs={12} md={12}>
+                        <Button
+                            component="label"
+                            variant="contained"
+                            size="large"
+                            disabled={attachments.length >= (formik.values.groupType == "Private Bill" ? 2 : 1)}
+                        >
+                        <Typography variant="h5">Upload Files</Typography>
                         <input
                             id="uploadFileBtn"
                             name="file"
                             type="file"
                             accept=".pdf"
-                            style={{ display: 'none' }}
+                            hidden
                             disabled={attachments.length >= (formik.values.groupType == "Private Bill" ? 2 : 1)}
-                            onChange={(event) => {
-                                readFile(event)
-                            }}
+                            onChange={readFile}
+                            aria-label="Upload PDF file"
                         />
-                        <label htmlFor="uploadFileBtn">
-                            <Button
-                                component="span"
-                                variant="contained"
-                                size="large"
-                                disabled={attachments.length >= (formik.values.groupType == "Private Bill" ? 2 : 1)}
-                            >
-                                <Typography variant="h5">Upload Files</Typography>
-                            </Button>
-                        </label>
+                        </Button>
                     </Grid>
-
-
                     <Grid item xs={12} md={12}>
                         <UploadFileTable
                             key="uploadTable"
diff --git a/src/pages/authentication/AuthWrapper.js b/src/pages/authentication/AuthWrapper.js
index 8623d9e..83a95e3 100644
--- a/src/pages/authentication/AuthWrapper.js
+++ b/src/pages/authentication/AuthWrapper.js
@@ -1,11 +1,12 @@
 import PropTypes from 'prop-types';
-import { Box, Grid, Typography } from '@mui/material';
-// import { Stack } from '@mui/material';
+import { Box, Grid, Typography, Dialog, DialogContent, IconButton, useMediaQuery } from '@mui/material';
+import CloseIcon from '@mui/icons-material/Close';
 import Loadable from 'components/Loadable';
-import { lazy } from 'react';
+import { lazy, useState } from 'react';
 import { FormattedMessage, useIntl } from "react-intl";
 import { checkSysEnv } from "utils/Utils";
 import backbroundImg from 'assets/images/bg_ml.jpg';
+import lgceImg from 'assets/images/2025_lgce.jpg'; // <-- your popup image
 import 'assets/style/loginStyles.css';
 
 const AuthCard = Loadable(lazy(() => import('./AuthCardCustom')));
@@ -18,38 +19,95 @@ const BackgroundHead = {
 };
 
 const AuthWrapper = ({ children }) => {
-  // Move useIntl inside component
   const intl = useIntl();
+  const isSmall = useMediaQuery('(max-width:600px)');
+  const [openPopup, setOpenPopup] = useState(true);
+
+const handleClosePopup = () => {
+  setOpenPopup(false);
+};
+
 
   return (
     <Box sx={{ minHeight: '87vh' }}>
+      {/* Popup */}
+      <Dialog
+        open={openPopup}
+        onClose={handleClosePopup}
+        aria-labelledby="election-promo-title"
+        maxWidth="md"
+        PaperProps={{
+          sx: {
+            borderRadius: 2,
+            overflow: 'hidden',
+            boxShadow: 6
+          }
+        }}
+      >
+        <Box sx={{ position: 'relative' }}>
+          <IconButton
+            aria-label="Close"
+            onClick={handleClosePopup}
+            sx={{
+              position: 'absolute',
+              top: 6,
+              right: 6,
+              zIndex: 1,
+              bgcolor: 'rgba(255,255,255,0.8)',
+              '&:hover': { bgcolor: 'rgba(255,255,255,1)' }
+            }}
+          >
+            <CloseIcon />
+          </IconButton>
+          <DialogContent sx={{ p: 0 }}>
+            <Box
+              component="img"
+              src={lgceImg}
+              alt={intl.formatMessage({ id: 'lgce_alt', defaultMessage: '2025 Legislative Council General Election' })}
+              title={intl.formatMessage({ id: 'lgce_title', defaultMessage: '2025 Legislative Council General Election' })}
+              sx={{
+                display: 'block',
+                width: isSmall ? '92vw' : '720px',
+                height: 'auto',
+                maxWidth: '92vw'
+              }}
+            />
+          </DialogContent>
+        </Box>
+      </Dialog>
+
+      {/* Page content */}
       <div style={BackgroundHead}>
         <Grid
           container
           direction="row"
           justifyContent="space-between"
           alignItems="center"
-          sx={{
-            minHeight: '87vh'
-          }}
+          sx={{ minHeight: '87vh' }}
         >
-          <Grid item xs={12} md={8} lg={8} xl={8} >
-            <Grid container direction="column"
+          <Grid item xs={12} md={8} lg={8} xl={8}>
+            <Grid
+              container
+              direction="column"
               justifyContent="flex-start"
               alignItems="flex-start"
-              // spacing={2}
               sx={{ minHeight: { md: 'calc(87vh)' } }}
             >
-              <Grid item xs={12} sx={{ ml: 4,}}>
+              <Grid item xs={12} sx={{ ml: 4 }}>
                 <Typography style={{ textAlign: "flex-start" }}>
-                  <div style={{ padding: 12 }} dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "homePageHeaderMessage" }) }} />
+                  <div
+                    style={{ padding: 12 }}
+                    dangerouslySetInnerHTML={{ __html: intl.formatMessage({ id: "homePageHeaderMessage" }) }}
+                  />
                 </Typography>
               </Grid>
-              <Grid container direction="column"
-              justifyContent="flex-start"
-              alignItems="center"
-              spacing={2}
-              sx={{ minHeight: { md: 'calc(50vh)' } }}
+              <Grid
+                container
+                direction="column"
+                justifyContent="flex-start"
+                alignItems="center"
+                spacing={2}
+                sx={{ minHeight: { md: 'calc(50vh)' } }}
               >
                 <Grid item xs={12} sx={{ ml: 4, mt: 12, display: { xs: 'none', sm: 'block' } }}>
                   <Typography style={{ textAlign: "center", fontSize: "1.8rem" }}>
@@ -61,24 +119,24 @@ const AuthWrapper = ({ children }) => {
                   <Typography style={{ textAlign: "center", fontSize: "1.8rem" }}>
                     <FormattedMessage id="PNSPS_fullname" />
                   </Typography>
-                  {
-                    checkSysEnv() !== '' ?
-                      <Typography style={{ color: 'red', textAlign: "center", fontSize: "1.8rem" }}>
-                        User Acceptance Test Environment
-                      </Typography>
-                      : ""
-                  }
+                  {checkSysEnv() !== '' ? (
+                    <Typography style={{ color: 'red', textAlign: "center", fontSize: "1.8rem" }}>
+                      User Acceptance Test Environment
+                    </Typography>
+                  ) : (
+                    ""
+                  )}
                 </Grid>
-
               </Grid>
             </Grid>
           </Grid>
+
           <Grid item xs={12} md={4} lg={4} xl={4}>
             <Grid
               container
               justifyContent="center"
               alignItems="center"
-              sx={{ minHeight: { xs: 'calc(90vh - 134px)', md: 'calc(90vh - 112px)' }, }}
+              sx={{ minHeight: { xs: 'calc(90vh - 134px)', md: 'calc(90vh - 112px)' } }}
             >
               <Grid item xs={12} md={11} lg={11} xl={11}>
                 <AuthCard>{children}</AuthCard>
diff --git a/src/translations/en.json b/src/translations/en.json
index fbcb762..97d70a8 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -592,5 +592,7 @@
   "userGuidePub10":"10. Payment",
 
   "Dashboard": "Dashboard",
-  "event": "Event"
+  "event": "Event",
+  "lgce_alt": "2025 Legislative Council General Election",
+  "lgce_title": "2025 Legislative Council General Election"
 }
\ No newline at end of file
diff --git a/src/translations/zh-CN.json b/src/translations/zh-CN.json
index 7628cbc..3fe53bd 100644
--- a/src/translations/zh-CN.json
+++ b/src/translations/zh-CN.json
@@ -588,5 +588,7 @@
   "userGuidePub10":"10. 付款",
 
   "Dashboard": "仪表板",
-  "event": "活动"
+  "event": "活动",
+  "lgce_alt": "2025年立法会换届选举",
+  "lgce_title": "2025年立法会换届选举"
 }
\ No newline at end of file
diff --git a/src/translations/zh-HK.json b/src/translations/zh-HK.json
index c622028..d9394e7 100644
--- a/src/translations/zh-HK.json
+++ b/src/translations/zh-HK.json
@@ -589,5 +589,7 @@
   "userGuidePub10":"10. 付款",
 
   "Dashboard": "儀表板",
-  "event": "活動"
+  "event": "活動",
+  "lgce_alt": "2025年立法會換屆選舉",
+  "lgce_title": "2025年立法會換屆選舉"
 }
\ No newline at end of file