diff --git a/src/pages/Proof/Create_FromApp/ProofForm.js b/src/pages/Proof/Create_FromApp/ProofForm.js
index 476bfc9..87c536c 100644
--- a/src/pages/Proof/Create_FromApp/ProofForm.js
+++ b/src/pages/Proof/Create_FromApp/ProofForm.js
@@ -28,9 +28,9 @@ const UploadFileTable = Loadable(React.lazy(() => import('./UploadFileTable')));
 const proofFormInitialValues = {
     reviseDeadline: '',
     proofPaymentDeadline: '',
-    length: 0,
-    noOfPages: 0,
-    fee: 0,
+    length: '',
+    noOfPages: '',
+    fee: '',
     groupType: ''
 };
 
@@ -58,18 +58,11 @@ const FormPanel = ({ formData }) => {
 
     React.useEffect(() => {
         if (formData) {
-            const normalizedFormData = {
-                ...formData,
-                length: formData.length ?? 0,
-                noOfPages: formData.noOfPages ?? 0,
-                fee: formData.fee ?? 0
-            };
-
+            setData(formData);
             if (formData.groupType == "Private Bill") {
                 setColumnPrice(ComboData.proofPrice[1])
-                normalizedFormData['length'] = 18;
+                formData['length'] = 18;
             }
-            setData(normalizedFormData);
             setProofPaymentDeadlineMin(formData.proofPaymentDeadline);
             setReviseDeadlineMin(formData.reviseDeadline);
             setExpectedCode(formData.groupNo.substr(1,formData.groupNo.length)+"-"+formData.issueNo+"-"+formData.issueYear.toString().substr(2, formData.issueYear.toString().length));
@@ -531,7 +524,7 @@ const FormPanel = ({ formData }) => {
                         }
                     }}
                 >
-                    <DialogTitle><Typography component="span" variant="h3">Warning</Typography></DialogTitle>
+                    <DialogTitle><Typography variant="h3">Warning</Typography></DialogTitle>
                     <DialogContent style={{ display: 'flex', }}>
                         <Typography variant="h4" style={{ padding: '16px' }}>{warningText}</Typography>
                     </DialogContent>