diff --git a/microfrontends/SignDocuments/src/Component/PdfRequestFiles.js b/microfrontends/SignDocuments/src/Component/PdfRequestFiles.js
index c3b3c492a..6daf4a2a5 100644
--- a/microfrontends/SignDocuments/src/Component/PdfRequestFiles.js
+++ b/microfrontends/SignDocuments/src/Component/PdfRequestFiles.js
@@ -782,6 +782,7 @@ function PdfRequestFiles() {
               allPages={allPages}
               setAllPages={setAllPages}
               setPageNumber={setPageNumber}
+              pageNumber={pageNumber}
             />
 
             {/* pdf render view */}
diff --git a/microfrontends/SignDocuments/src/Component/SignYourselfPdf.js b/microfrontends/SignDocuments/src/Component/SignYourselfPdf.js
index e1fad20b6..db59dd7c7 100644
--- a/microfrontends/SignDocuments/src/Component/SignYourselfPdf.js
+++ b/microfrontends/SignDocuments/src/Component/SignYourselfPdf.js
@@ -23,7 +23,9 @@ import {
   multiSignEmbed,
   pdfNewWidthFun,
   addDefaultSignatureImg,
-  onImageSelect
+  onImageSelect,
+  placeholderHeight,
+  placeholderWidth
 } from "../utils/Utils";
 import { useParams } from "react-router-dom";
 import Tour from "reactour";
@@ -36,6 +38,7 @@ import RenderPdf from "./component/renderPdf";
 import { contractUsers, contactBook, urlValidator } from "../utils/Utils";
 import { modalAlign } from "../utils/Utils";
 import AlertComponent from "./component/alertComponent";
+import CopyAllPage from "./component/copyAllPage";
 
 //For signYourself inProgress section signer can add sign and complete doc sign.
 function SignYourSelf() {
@@ -79,6 +82,7 @@ function SignYourSelf() {
   const [noData, setNoData] = useState(false);
   const [contractName, setContractName] = useState("");
   const [containerWH, setContainerWH] = useState({});
+  const [isPageCopy, setIsPageCopy] = useState(false);
   const [showAlreadySignDoc, setShowAlreadySignDoc] = useState({
     status: false
   });
@@ -102,7 +106,6 @@ function SignYourSelf() {
 
   const [{ isDragSign }, dragSignature] = useDrag({
     type: "BOX",
-
     item: {
       type: "BOX",
       id: 1,
@@ -115,7 +118,6 @@ function SignYourSelf() {
 
   const [{ isDragStamp }, dragStamp] = useDrag({
     type: "BOX",
-
     item: {
       type: "BOX",
       id: 2,
@@ -140,7 +142,6 @@ function SignYourSelf() {
 
   const [{ isDragStampSS }, dragStampSS] = useDrag({
     type: "BOX",
-
     item: {
       type: "BOX",
       id: 4,
@@ -329,7 +330,6 @@ function SignYourSelf() {
         isDrag: false,
         key: key,
         isStamp: monitor,
-
         yBottom: window.innerHeight / 2 - 60
       };
 
@@ -516,22 +516,31 @@ function SignYourSelf() {
     const scale = isMobile ? pdfOriginalWidth / newWidth : 1;
 
     if (xyPostion.length === 1 && xyPostion[0].pos.length === 1) {
+      const xPos = () => {
+        const resizePos = xyPosData.xPosition;
+        if (isMobile) {
+          return resizePos * scale;
+        } else {
+          return resizePos;
+        }
+      };
       const height = xyPosData.Height ? xyPosData.Height : 60;
+      const resizePos = xyPosData.yBottom;
       const bottomY = xyPosData.isDrag
-        ? xyPosData.yBottom * scale - height * scale
+        ? resizePos * scale - height * scale
         : xyPosData.firstYPos
-          ? xyPosData.yBottom * scale - height * scale + xyPosData.firstYPos
-          : xyPosData.yBottom * scale - height * scale;
+          ? resizePos * scale - height * scale + xyPosData.firstYPos
+          : resizePos * scale - height * scale;
 
       singleSign = {
         pdfFile: pdfBase64Url,
         docId: documentId,
         sign: {
           Base64: base64Url,
-          Left: isMobile ? xyPosData.xPosition * scale : xyPosData.xPosition,
+          Left: xPos(),
           Bottom: bottomY,
-          Width: xyPosData.Width ? xyPosData.Width * scale : 150 * scale,
-          Height: height * scale,
+          Width: placeholderWidth(xyPosData, scale),
+          Height: placeholderHeight(xyPosData, scale),
           Page: pageNo
         }
       };
@@ -826,6 +835,7 @@ function SignYourSelf() {
             setAllPages={setAllPages}
             setPageNumber={setPageNumber}
             setSignBtnPosition={setSignBtnPosition}
+            pageNumber={pageNumber}
           />
 
           {/* pdf render view */}
@@ -881,6 +891,15 @@ function SignYourSelf() {
                 )}
               </Modal.Footer>
             </Modal>
+            <CopyAllPage
+              isPageCopy={isPageCopy}
+              setIsPageCopy={setIsPageCopy}
+              xyPostion={xyPostion}
+              setXyPostion={setXyPostion}
+              allPages={allPages}
+              pageNumber={pageNumber}
+              signKey={signKey}
+            />
             {/* this is modal of signature pad */}
             <SignPad
               isSignPad={isSignPad}
@@ -952,6 +971,7 @@ function SignYourSelf() {
                   setXyPostion={setXyPostion}
                   index={index}
                   containerWH={containerWH}
+                  setIsPageCopy={setIsPageCopy}
                 />
               )}
             </div>
diff --git a/microfrontends/SignDocuments/src/Component/component/borderResize.js b/microfrontends/SignDocuments/src/Component/component/borderResize.js
index 1596d09bb..505c68d30 100644
--- a/microfrontends/SignDocuments/src/Component/component/borderResize.js
+++ b/microfrontends/SignDocuments/src/Component/component/borderResize.js
@@ -1,12 +1,12 @@
 import React from "react";
 
-function BorderResize() {
+function BorderResize({ right, top }) {
   return (
     <div
       className="borderResize"
       style={{
-        right: "-1px",
-        bottom: "-1px",
+        right: right ? right + "px" : "-1px",
+        bottom: top ? top + "px" : "-1px",
         borderRight: "3px solid  #188ae2",
         borderBottom: "3px solid #188ae2"
       }}
diff --git a/microfrontends/SignDocuments/src/Component/component/copyAllPage.js b/microfrontends/SignDocuments/src/Component/component/copyAllPage.js
new file mode 100644
index 000000000..2b0f9b714
--- /dev/null
+++ b/microfrontends/SignDocuments/src/Component/component/copyAllPage.js
@@ -0,0 +1,211 @@
+import React, { useState } from "react";
+import Modal from "react-bootstrap/Modal";
+import ModalHeader from "react-bootstrap/esm/ModalHeader";
+import { themeColor } from "../../utils/ThemeColor/backColor";
+
+function CopyAllPage(props) {
+  const allpage = ["All pages", "All pages but last", "All pages but first"];
+  const [selectData, setSelectData] = useState("");
+
+  const randomKey = () => {
+    const randomId = Math.floor(1000 + Math.random() * 9000);
+    return randomId;
+  };
+
+  const allPagesCondition = (
+    isAlreadyPage,
+    type,
+    rest,
+    newPageNumber,
+    getAlreadyPos
+  ) => {
+    let obj;
+
+    if (isAlreadyPage === 1 && type === "first") {
+      const filterPos =
+        getAlreadyPos &&
+        getAlreadyPos.filter((data) => data.xPosition !== rest.xPosition);
+      if (filterPos && filterPos.length > 0) {
+        return (obj = {
+          pageNumber: newPageNumber,
+          pos: [...filterPos]
+        });
+      }
+    } else if (newPageNumber === props.allPages && type === "last") {
+      const filterPos =
+        getAlreadyPos &&
+        getAlreadyPos.filter((data) => data.xPosition !== rest.xPosition);
+
+      if (getAlreadyPos) {
+        return (obj = {
+          pageNumber: newPageNumber,
+          pos: [...filterPos]
+        });
+      }
+    } else if (getAlreadyPos) {
+      const filterPos =
+        getAlreadyPos &&
+        getAlreadyPos.filter((data) => data.xPosition !== rest.xPosition);
+
+      return (obj = {
+        pageNumber: newPageNumber,
+        pos: [...filterPos, rest]
+      });
+    } else {
+      return (obj = {
+        pageNumber: newPageNumber,
+        pos: [rest]
+      });
+    }
+  };
+  const addPos = (type) => {
+    let newXyPos = [];
+    let newPageNumber = 1;
+    const signerPos = props.xyPostion;
+
+    if (props.signerObjId) {
+      const filterSignerPos = signerPos.filter(
+        (data) => data.signerObjId === props.signerObjId
+      );
+      const xyData = filterSignerPos[0].placeHolder.filter(
+        (data) => data.pageNumber === props.pageNumber
+      );
+
+      const posData = xyData[0].pos.filter((pos) => pos.key === props.signKey);
+      for (let i = 0; i < props.allPages; i++) {
+        const { key, ...rest } = posData[0];
+        const newId = randomKey();
+        rest.key = newId;
+        const getAlreadyPos =
+          filterSignerPos[0].placeHolder[i] &&
+          filterSignerPos[0].placeHolder[i].pos;
+
+        const isAlreadyPage =
+          filterSignerPos[0].placeHolder[i] &&
+          filterSignerPos[0].placeHolder[i].pageNumber;
+
+        const getObj = allPagesCondition(
+          isAlreadyPage,
+          type,
+          rest,
+          newPageNumber,
+          getAlreadyPos
+        );
+        if (getObj) {
+          newXyPos.push(getObj);
+        }
+        newPageNumber++;
+      }
+
+      const addSign = signerPos.map((url, ind) => {
+        if (url.signerObjId === props.signerObjId) {
+          return {
+            ...url,
+            placeHolder: newXyPos
+          };
+        }
+        return url;
+      });
+
+      const newSignerData = signerPos;
+      newSignerData.splice(0, signerPos.length, ...addSign);
+      props.setXyPostion(newSignerData);
+    } else {
+      const xyPostion = props.xyPostion;
+
+      const xyData = xyPostion.filter(
+        (data) => data.pageNumber === props.pageNumber
+      );
+      const posData = xyData[0].pos.filter((pos) => pos.key === props.signKey);
+
+      for (let i = 0; i < props.allPages; i++) {
+        const isAlreadyPage = xyPostion[i] && xyPostion[i].pageNumber;
+        const getAlreadyPos = xyPostion[i] && xyPostion[i].pos;
+        const { key, ...rest } = posData[0];
+        const newId = randomKey();
+        rest.key = newId;
+        const getObj = allPagesCondition(
+          isAlreadyPage,
+          type,
+          rest,
+          newPageNumber,
+          getAlreadyPos
+        );
+        if (getObj) {
+          newXyPos.push(getObj);
+        }
+
+        newPageNumber++;
+      }
+      props.setXyPostion(newXyPos);
+    }
+  };
+
+  const applyAllPage = () => {
+    if (selectData === "All pages") {
+      addPos("all");
+    } else if (selectData === "All pages but last") {
+      addPos("last");
+    } else if (selectData === "All pages but first") {
+      addPos("first");
+    }
+  };
+
+  return (
+    <Modal show={props.isPageCopy}>
+      <ModalHeader style={{ background: themeColor() }}>
+        <span style={{ color: "white" }}>Place All pages</span>
+      </ModalHeader>
+
+      <Modal.Body>
+        {allpage.map((data, key) => {
+          return (
+            <div key={key} style={{ display: "flex", flexDirection: "column" }}>
+              <label key={key} style={{ fontSize: "16px", fontWeight: "500" }}>
+                <input
+                  style={{ accentColor: "red", marginRight: "10px" }}
+                  type="radio"
+                  value={data}
+                  onChange={() => setSelectData(data)}
+                  checked={selectData === data}
+                />
+
+                {data}
+              </label>
+            </div>
+          );
+        })}
+      </Modal.Body>
+
+      <Modal.Footer>
+        <button
+          style={{
+            color: "black"
+          }}
+          type="button"
+          className="finishBtn"
+          onClick={() => props.setIsPageCopy(false)}
+        >
+          Cancel
+        </button>
+
+        <button
+          onClick={() => {
+            applyAllPage();
+            props.setIsPageCopy(false);
+          }}
+          style={{
+            background: themeColor()
+          }}
+          type="button"
+          disabled={!selectData}
+          className="finishBtn"
+        >
+          Apply
+        </button>
+      </Modal.Footer>
+    </Modal>
+  );
+}
+
+export default CopyAllPage;
diff --git a/microfrontends/SignDocuments/src/Component/component/placeholderBorder.js b/microfrontends/SignDocuments/src/Component/component/placeholderBorder.js
new file mode 100644
index 000000000..79815865e
--- /dev/null
+++ b/microfrontends/SignDocuments/src/Component/component/placeholderBorder.js
@@ -0,0 +1,36 @@
+import React from "react";
+import { themeColor } from "../../utils/ThemeColor/backColor";
+import { resizeBorderExtraWidth } from "../../utils/Utils";
+function PlaceholderBorder(props) {
+  const getResizeBorderExtraWidth = resizeBorderExtraWidth();
+
+  return (
+    <div
+      // onTouchStart={(e) => {
+      //   if (!props.isDragging && props.isMobile) {
+      //     setTimeout(() => {
+      //       e.stopPropagation();
+      //       props.setIsSignPad(true);
+      //       props.setSignKey(props.pos.key);
+      //       props.setIsStamp(props.pos.isStamp);
+      //     }, 500);
+      //   }
+      // }}
+      className="borderResize"
+      style={{
+        borderColor: themeColor(),
+        borderStyle: "dashed",
+        width: props.pos.Width
+          ? props.pos.Width + getResizeBorderExtraWidth
+          : 150 + getResizeBorderExtraWidth,
+        height: props.pos.Height
+          ? props.pos.Height + getResizeBorderExtraWidth
+          : 60 + getResizeBorderExtraWidth,
+        borderWidth: "0.2px",
+        overflow: "hidden"
+      }}
+    ></div>
+  );
+}
+
+export default PlaceholderBorder;
diff --git a/microfrontends/SignDocuments/src/Component/component/renderAllPdfPage.js b/microfrontends/SignDocuments/src/Component/component/renderAllPdfPage.js
index ffac41108..85d424200 100644
--- a/microfrontends/SignDocuments/src/Component/component/renderAllPdfPage.js
+++ b/microfrontends/SignDocuments/src/Component/component/renderAllPdfPage.js
@@ -10,6 +10,7 @@ function RenderAllPdfPage({
   setAllPages,
   setPageNumber,
   setSignBtnPosition,
+  pageNumber
 }) {
   pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
 
@@ -20,75 +21,80 @@ function RenderAllPdfPage({
 
   return (
     <div className="showPages">
-    <div
-      style={{
-        display: "flex",
-        flexDirection: "row",
-        boxShadow: "rgba(17, 12, 46, 0.15) 0px 48px 100px 0px",
-        backgroundColor: "white",
-        height:"100%"
-        
-      }}
-    >
-      <div style={{ width: "140px" }}>
-        <div
-          style={{
-            background: themeColor(),
-            //  color:"white"
-          }}
-          className="signedStyle"
-        >
-          Pages
-        </div>
+      <div
+        style={{
+          display: "flex",
+          flexDirection: "row",
+          boxShadow: "rgba(17, 12, 46, 0.15) 0px 48px 100px 0px",
+          backgroundColor: "white",
+          height: "100%"
+        }}
+      >
+        <div style={{ width: "140px" }}>
+          <div
+            style={{
+              background: themeColor()
+              //  color:"white"
+            }}
+            className="signedStyle"
+          >
+            Pages
+          </div>
 
-        
-        <div>
-          <RSC id="RSC-Example" style={{width:"135px",height:window.innerHeight-130+'px'}} >
-            <Document
-              onLoadSuccess={onDocumentLoad}
-              file={pdfUrl ? pdfUrl : signPdfUrl}
-              //   file="https://api.printnode.com/static/test/pdf/multipage.pdf"
+          <div>
+            <RSC
+              id="RSC-Example"
+              style={{
+                width: "135px",
+                height: window.innerHeight - 130 + "px"
+              }}
             >
-              {Array.from(new Array(allPages), (el, index) => (
-                <div
-                  key={index}
-                  style={{
-                    width: "100px",
-                    border: "2px solid #878787",
-                    // padding: "5px",
-                    margin: "10px",
+              <Document
+                onLoadSuccess={onDocumentLoad}
+                file={pdfUrl ? pdfUrl : signPdfUrl}
+                //   file="https://api.printnode.com/static/test/pdf/multipage.pdf"
+              >
+                {Array.from(new Array(allPages), (el, index) => (
+                  <div
+                    key={index}
+                    style={{
+                      width: "100px",
+                      border:
+                        pageNumber - 1 === index
+                          ? "2px solid red"
+                          : "2px solid #878787",
+                      // padding: "5px",
+                      margin: "10px",
 
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    contain: "content",
-                  }}
-                  onClick={() => {
-                    setPageNumber(index + 1);
-                    if (setSignBtnPosition) {
-                      setSignBtnPosition([]);
-                    }
-                  }}
-                >
-                  <Page
-                    key={`page_${index + 1}`}
-                    pageNumber={index + 1}
-                    width={100}
-                    height={100}
-                    scale={1}
-                    renderAnnotationLayer={false}
-                    renderTextLayer={false}
-                  />
-                </div>
-              ))}
-            </Document>
-          </RSC>
+                      display: "flex",
+                      justifyContent: "center",
+                      alignItems: "center",
+                      contain: "content"
+                    }}
+                    onClick={() => {
+                      setPageNumber(index + 1);
+                      if (setSignBtnPosition) {
+                        setSignBtnPosition([]);
+                      }
+                    }}
+                  >
+                    <Page
+                      key={`page_${index + 1}`}
+                      pageNumber={index + 1}
+                      width={100}
+                      height={100}
+                      scale={1}
+                      renderAnnotationLayer={false}
+                      renderTextLayer={false}
+                    />
+                  </div>
+                ))}
+              </Document>
+            </RSC>
+          </div>
+          <hr />
         </div>
-        <hr />
       </div>
-
-      
-    </div>
     </div>
   );
 }
diff --git a/microfrontends/SignDocuments/src/Component/component/renderPdf.js b/microfrontends/SignDocuments/src/Component/component/renderPdf.js
index 7469e6630..53e2500d5 100644
--- a/microfrontends/SignDocuments/src/Component/component/renderPdf.js
+++ b/microfrontends/SignDocuments/src/Component/component/renderPdf.js
@@ -10,6 +10,7 @@ import {
   handleSignYourselfImageResize
 } from "../../utils/Utils";
 import EmailToast from "./emailToast";
+import PlaceholderBorder from "./placeholderBorder";
 
 pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
 
@@ -48,7 +49,9 @@ function RenderPdf({
   index,
   containerWH,
   setIsResize,
-  setZIndex
+  setZIndex,
+  setIsPageCopy,
+  setSignerObjId
 }) {
   const isMobile = window.innerWidth < 767;
   const newWidth = containerWH.width;
@@ -58,66 +61,118 @@ function RenderPdf({
 
   // handle signature block width and height according to screen
   const posWidth = (pos) => {
+    const defaultWidth = 150;
+    const posWidth = pos.Width ? pos.Width : defaultWidth;
     let width;
     if (isMobile) {
       if (!pos.isMobile) {
         if (pos.IsResize) {
-          width = pos.Width ? pos.Width : 150;
+          width = posWidth ? posWidth : defaultWidth;
           return width;
         } else {
-          width = (pos.Width || 150) / scale;
+          width = (posWidth || defaultWidth) / scale;
           return width;
         }
       } else {
-        width = pos.Width ? pos.Width : 150;
+        width = posWidth ? posWidth : defaultWidth;
         return width;
       }
     } else {
       if (pos.isMobile) {
         if (pos.IsResize) {
-          width = pos.Width ? pos.Width : 150;
+          width = posWidth ? posWidth : defaultWidth;
           return width;
         } else {
-          width = (pos.Width || 150) * pos.scale;
+          width = (posWidth || defaultWidth) * pos.scale;
           return width;
         }
       } else {
-        width = pos.Width ? pos.Width : 150;
+        width = posWidth ? posWidth : defaultWidth;
         return width;
       }
     }
   };
   const posHeight = (pos) => {
     let height;
+    const posHeight = pos.Height;
+    const defaultHeight = 60;
     if (isMobile) {
       if (!pos.isMobile) {
         if (pos.IsResize) {
-          height = pos.Height ? pos.Height : 60;
+          height = posHeight ? posHeight : defaultHeight;
           return height;
         } else {
-          height = (pos.Height || 60) / scale;
+          height = (posHeight || defaultHeight) / scale;
           return height;
         }
       } else {
-        height = pos.Height ? pos.Height : 60;
+        height = posHeight ? posHeight : defaultHeight;
         return height;
       }
     } else {
       if (pos.isMobile) {
         if (pos.IsResize) {
-          height = pos.Height ? pos.Height : 60;
+          height = posHeight ? posHeight : defaultHeight;
           return height;
         } else {
-          height = (pos.Height || 60) * pos.scale;
+          height = (posHeight || defaultHeight) * pos.scale;
           return height;
         }
       } else {
-        height = pos.Height ? pos.Height : 60;
+        height = posHeight ? posHeight : defaultHeight;
         return height;
       }
     }
   };
 
+  const xPos = (pos) => {
+    const resizePos = pos.xPosition;
+    //checking both condition mobile and desktop view
+    if (isMobile) {
+      //if pos.isMobile false -- placeholder saved from desktop view then handle position in mobile view divided by scale
+      if (!pos.isMobile) {
+        return resizePos / scale;
+      }
+      //pos.isMobile true -- placeholder save from mobile view(small device)  handle position in mobile view(small screen) view divided by scale
+      else {
+        return resizePos * (pos.scale / scale);
+      }
+    } else {
+      //else if pos.isMobile true -- placeholder saved from mobile or tablet view then handle position in desktop view divide by scale
+
+      if (pos.isMobile) {
+        return pos.scale && resizePos * pos.scale;
+      }
+      //else placeholder save from desktop(bigscreen) and show in desktop(bigscreen)
+      else {
+        return resizePos;
+      }
+    }
+  };
+  const yPos = (pos) => {
+    const resizePos = pos.yPosition;
+    //checking both condition mobile and desktop view
+    if (isMobile) {
+      //if pos.isMobile false -- placeholder saved from desktop view then handle position in mobile view divided by scale
+      if (!pos.isMobile) {
+        return resizePos / scale;
+      }
+      //pos.isMobile true -- placeholder save from mobile view(small device)  handle position in mobile view(small screen) view divided by scale
+      else {
+        return resizePos * (pos.scale / scale);
+      }
+    } else {
+      //else if pos.isMobile true -- placeholder saved from mobile or tablet view then handle position in desktop view divide by scale
+
+      if (pos.isMobile) {
+        return pos.scale && resizePos * pos.scale;
+      }
+      //else placeholder save from desktop(bigscreen) and show in desktop(bigscreen)
+      else {
+        return resizePos;
+      }
+    }
+  };
   //function for render placeholder block over pdf document
   const checkSignedSignes = (data) => {
     const checkSign = signedSigners.filter(
@@ -126,52 +181,7 @@ function RenderPdf({
     if (data.signerObjId === signerObjectId) {
       setCurrentSigner(true);
     }
-    const xPos = (pos) => {
-      //checking both condition mobile and desktop view
-      if (isMobile) {
-        //if pos.isMobile false -- placeholder saved from desktop view then handle position in mobile view divided by scale
-        if (!pos.isMobile) {
-          return pos.xPosition / scale;
-        }
-        //pos.isMobile true -- placeholder save from mobile view(small device)  handle position in mobile view(small screen) view divided by scale
-        else {
-          return pos.xPosition * (pos.scale / scale);
-        }
-      } else {
-        //else if pos.isMobile true -- placeholder saved from mobile or tablet view then handle position in desktop view divide by scale
 
-        if (pos.isMobile) {
-          return pos.scale && pos.xPosition * pos.scale;
-        }
-        //else placeholder save from desktop(bigscreen) and show in desktop(bigscreen)
-        else {
-          return pos.xPosition;
-        }
-      }
-    };
-    const yPos = (pos) => {
-      //checking both condition mobile and desktop view
-      if (isMobile) {
-        //if pos.isMobile false -- placeholder saved from desktop view then handle position in mobile view divided by scale
-        if (!pos.isMobile) {
-          return pos.yPosition / scale;
-        }
-        //pos.isMobile true -- placeholder save from mobile view(small device)  handle position in mobile view(small screen) view divided by scale
-        else {
-          return pos.yPosition * (pos.scale / scale);
-        }
-      } else {
-        //else if pos.isMobile true -- placeholder saved from mobile or tablet view then handle position in desktop view divide by scale
-
-        if (pos.isMobile) {
-          return pos.scale && pos.yPosition * pos.scale;
-        }
-        //else placeholder save from desktop(bigscreen) and show in desktop(bigscreen)
-        else {
-          return pos.yPosition;
-        }
-      }
-    };
     return (
       checkSign.length === 0 &&
       data.placeHolder.map((placeData, key) => {
@@ -201,11 +211,13 @@ function RenderPdf({
                             data.signerObjId === signerObjectId
                               ? "pointer"
                               : "not-allowed",
-                          borderColor: themeColor(),
                           background: data.blockColor,
+                          borderColor: themeColor(),
+                          borderStyle: "dashed",
+                          borderWidth: "0.1px",
                           zIndex: "1"
                         }}
-                        className="placeholderBlock"
+                        className="signYourselfBlock"
                         size={{
                           width: posWidth(pos),
                           height: posHeight(pos)
@@ -289,14 +301,62 @@ function RenderPdf({
     );
   };
 
-  //handled x-position in mobile view saved from big screen or small screen
-  const xPos = (pos) => {
-    //if pos.isMobile false -- placeholder saved from desktop view then handle position in mobile view divided by scale
-    if (!pos.isMobile) {
-      return pos.xPosition / scale;
-    } else {
-      return pos.xPosition * (pos.scale / scale);
-    }
+  const BlockDesign = ({ pos, data }) => {
+    return (
+      <div>
+        <i
+          class="fa-regular fa-copy signCopy"
+          onClick={(e) => {
+            console.log("hello console");
+            e.stopPropagation();
+            setIsPageCopy(true);
+            setSignKey(pos.key);
+          }}
+          style={{
+            color: "#188ae2"
+          }}
+        ></i>
+        <i
+          class="fa-regular fa-circle-xmark signCloseBtn"
+          onClick={(e) => {
+            e.stopPropagation();
+            if (data) {
+              handleDeleteSign(pos.key, data.signerObjId);
+            } else {
+              handleDeleteSign(pos.key);
+              setIsStamp(false);
+            }
+          }}
+          style={{
+            color: "#188ae2"
+          }}
+        ></i>
+
+        {pos.SignUrl ? (
+          <div style={{ pointerEvents: "none" }}>
+            <img
+              alt="signimg"
+              src={pos.SignUrl}
+              style={{
+                width: "100%",
+                height: "100%",
+                objectFit: "contain"
+              }}
+            />
+          </div>
+        ) : (
+          <div
+            style={{
+              fontSize: "12px",
+              color: "black",
+              justifyContent: "center"
+            }}
+          >
+            {pos.isStamp ? "stamp" : "signature"}
+          </div>
+        )}
+      </div>
+    );
   };
 
   return (
@@ -341,9 +401,14 @@ function RenderPdf({
                                 style={{
                                   cursor: "all-scroll",
                                   borderColor: themeColor(),
-                                  zIndex: "1"
+                                  borderStyle: "dashed",
+                                  borderWidth: "0.1px",
+                                  zIndex: "1",
+                                  background: data.blockColor
+                                    ? data.blockColor
+                                    : "#daebe0"
                                 }}
-                                className="placeholderBlock"
+                                className="signYourselfBlock"
                                 onResize={(
                                   e,
                                   direction,
@@ -374,9 +439,7 @@ function RenderPdf({
                                 //else if pos.isMobile true -- placeholder saved from mobile or tablet view then handle position in desktop view divide by scale
                                 default={{
                                   x: xPos(pos),
-                                  y: !pos.isMobile
-                                    ? pos.yPosition / scale
-                                    : pos.yPosition * (pos.scale / scale)
+                                  y: yPos(pos)
                                 }}
                                 onClick={() => {
                                   setIsSignPad(true);
@@ -449,14 +512,13 @@ function RenderPdf({
                                           topLeft: false
                                         }}
                                         key={pos.key}
-                                        bounds="parent"
                                         style={{
                                           cursor: "all-scroll",
-                                          borderColor: themeColor(),
                                           background: data.blockColor,
+                                          borderColor: data.bac,
                                           zIndex: pos.zIndex
                                         }}
-                                        className="placeholderBlock"
+                                        className="signYourselfBlock"
                                         onDrag={() => handleTabDrag(pos.key)}
                                         size={{
                                           width: pos.Width ? pos.Width : 150,
@@ -506,6 +568,9 @@ function RenderPdf({
                                           );
                                         }}
                                       >
+                                        <BorderResize right={-12} top={-11} />
+                                        <PlaceholderBorder pos={pos} />
+
                                         <div
                                           onTouchEnd={() => {
                                             const dataNewPlace = addZIndex(
@@ -523,20 +588,26 @@ function RenderPdf({
                                               return newState;
                                             });
                                           }}
-                                          style={{
-                                            cursor: "all-scroll",
-                                            borderColor: themeColor(),
-                                            background: data.blockColor,
-                                            zIndex: pos.zIndex,
-                                            height: pos.Height
-                                              ? pos.Height
-                                              : 60,
-                                            width: pos.Width ? pos.Width : 150
-                                          }}
                                         >
-                                          <BorderResize />
-
-                                          <div
+                                          <i
+                                            class="fa-regular fa-copy signCopy"
+                                            onTouchEnd={(e) => {
+                                              e.stopPropagation();
+                                              setIsPageCopy(true);
+                                              setSignKey(pos.key);
+                                              setSignerObjId(data.signerObjId);
+                                            }}
+                                            onClick={(e) => {
+                                              e.stopPropagation();
+                                              setIsPageCopy(true);
+                                              setSignKey(pos.key);
+                                            }}
+                                            style={{
+                                              color: "#188ae2"
+                                            }}
+                                          ></i>
+                                          <i
+                                            class="fa-regular fa-circle-xmark signCloseBtn"
                                             onTouchStart={(e) => {
                                               e.stopPropagation();
                                               handleDeleteSign(
@@ -545,12 +616,10 @@ function RenderPdf({
                                               );
                                             }}
                                             style={{
-                                              background: themeColor()
+                                              color: "#188ae2"
                                             }}
-                                            className="placeholdCloseBtn"
-                                          >
-                                            x
-                                          </div>
+                                          ></i>
+
                                           <div
                                             style={{
                                               fontSize: "12px",
@@ -595,18 +664,19 @@ function RenderPdf({
                                     lockAspectRatio={
                                       pos.Width ? pos.Width / pos.Height : 2.5
                                     }
-                                    className="placeholderBlock"
                                     bounds="parent"
                                     ref={nodeRef}
                                     key={pos.key}
+                                    className="signYourselfBlock"
                                     style={{
+                                      border: "1px solid red",
                                       cursor: "all-scroll",
-                                      borderColor: themeColor(),
-                                      zIndex: "1"
+                                      zIndex: "1",
+                                      background: "#daebe0"
                                     }}
                                     size={{
-                                      width: pos.Width ? pos.Width : 151,
-                                      height: pos.Height ? pos.Height : 61
+                                      width: pos.Width ? pos.Width : 150,
+                                      height: pos.Height ? pos.Height : 60
                                     }}
                                     default={{
                                       x: pos.xPosition,
@@ -633,11 +703,24 @@ function RenderPdf({
                                         containerWH
                                       );
                                     }}
+                                    onTouchEnd={(e) => {
+                                      console.log("go here");
+                                      if (!isDragging && isMobile) {
+                                        setTimeout(() => {
+                                          e.stopPropagation();
+                                          setIsSignPad(true);
+                                          setSignKey(pos.key);
+                                          setIsStamp(pos.isStamp);
+                                        }, 500);
+                                      }
+                                    }}
                                   >
-                                    {" "}
+                                    <BorderResize right={-12} top={-11} />
+                                    <PlaceholderBorder pos={pos} />
                                     <div
                                       onTouchEnd={(e) => {
-                                        if (!isDragging) {
+                                        console.log("go here");
+                                        if (!isDragging && isMobile) {
                                           setTimeout(() => {
                                             e.stopPropagation();
                                             setIsSignPad(true);
@@ -646,41 +729,54 @@ function RenderPdf({
                                           }, 500);
                                         }
                                       }}
-                                      style={{
-                                        height: "100%"
-                                      }}
                                     >
-                                      <BorderResize />
-                                      <div
-                                        ref={nodeRef}
-                                        onTouchStart={(e) => {
+                                      <i
+                                        class="fa-regular fa-copy signCopy"
+                                        onTouchEnd={(e) => {
                                           e.stopPropagation();
-                                          handleDeleteSign(pos.key);
-                                          setIsStamp(false);
+                                          setIsPageCopy(true);
+                                          setSignKey(pos.key);
                                         }}
                                         style={{
-                                          background: themeColor()
+                                          color: "#188ae2"
                                         }}
-                                        className="placeholdCloseBtn"
-                                      >
-                                        x
-                                      </div>
+                                      ></i>
+                                      <i
+                                        class="fa-regular fa-circle-xmark signCloseBtn"
+                                        onTouchEnd={(e) => {
+                                          e.stopPropagation();
+                                          if (data) {
+                                            handleDeleteSign(
+                                              pos.key,
+                                              data.signerObjId
+                                            );
+                                          } else {
+                                            handleDeleteSign(pos.key);
+                                            setIsStamp(false);
+                                          }
+                                        }}
+                                        style={{
+                                          color: "#188ae2"
+                                        }}
+                                      ></i>
+
                                       {pos.SignUrl ? (
-                                        <img
-                                          alt="signimg"
-                                          src={pos.SignUrl}
-                                          style={{
-                                            width: "100%",
-                                            height: "100%",
-                                            objectFit: "contain"
-                                          }}
-                                        />
+                                        <div style={{ pointerEvents: "none" }}>
+                                          <img
+                                            alt="signimg"
+                                            src={pos.SignUrl}
+                                            style={{
+                                              width: "100%",
+                                              height: "100%",
+                                              objectFit: "contain"
+                                            }}
+                                          />
+                                        </div>
                                       ) : (
                                         <div
-                                          cancel=".dragElm"
                                           style={{
                                             fontSize: "12px",
-                                            color: themeColor(),
+                                            color: "black",
                                             justifyContent: "center"
                                           }}
                                         >
@@ -806,9 +902,14 @@ function RenderPdf({
                                   style={{
                                     cursor: "all-scroll",
                                     borderColor: themeColor(),
-                                    zIndex: "1"
+                                    borderStyle: "dashed",
+                                    borderWidth: "0.1px",
+                                    zIndex: "1",
+                                    background: data.blockColor
+                                      ? data.blockColor
+                                      : "#daebe0"
                                   }}
-                                  className="placeholderBlock"
+                                  className="signYourselfBlock"
                                   size={{
                                     width: posWidth(pos),
                                     height: posHeight(pos)
@@ -816,15 +917,9 @@ function RenderPdf({
                                   lockAspectRatio={
                                     pos.Width ? pos.Width / pos.Height : 2.5
                                   }
-                                  //if pos.isMobile false -- placeholder saved from mobile view then handle position in desktop view to multiply by scale
-
                                   default={{
-                                    x: pos.isMobile
-                                      ? pos.scale && pos.xPosition * pos.scale
-                                      : pos.xPosition,
-                                    y: pos.isMobile
-                                      ? pos.scale && pos.yPosition * pos.scale
-                                      : pos.yPosition
+                                    x: xPos(pos),
+                                    y: yPos(pos)
                                   }}
                                   onClick={() => {
                                     setIsSignPad(true);
@@ -919,10 +1014,10 @@ function RenderPdf({
                                           style={{
                                             cursor: "all-scroll",
                                             background: data.blockColor,
-                                            borderColor: themeColor(),
+
                                             zIndex: pos.zIndex
                                           }}
-                                          className="placeholderBlock"
+                                          className="signYourselfBlock"
                                           onDrag={() => handleTabDrag(pos.key)}
                                           size={{
                                             width: pos.Width ? pos.Width : 150,
@@ -972,34 +1067,48 @@ function RenderPdf({
                                             );
                                           }}
                                         >
-                                          <BorderResize />
-                                          <div
-                                            onClick={(e) => {
-                                              e.stopPropagation();
-                                              handleDeleteSign(
-                                                pos.key,
-                                                data.signerObjId
-                                              );
-                                            }}
-                                            style={{
-                                              background: themeColor()
-                                            }}
-                                            className="placeholdCloseBtn"
-                                          >
-                                            x
-                                          </div>
-                                          <div
-                                            style={{
-                                              fontSize: "12px",
-                                              color: "black",
-                                              fontWeight: "600",
+                                          <BorderResize right={-12} top={-11} />
+                                          <PlaceholderBorder pos={pos} />
+                                          <div>
+                                            <i
+                                              class="fa-regular fa-copy signCopy"
+                                              onClick={(e) => {
+                                                e.stopPropagation();
+                                                setIsPageCopy(true);
+                                                setSignKey(pos.key);
+                                                setSignerObjId(
+                                                  data.signerObjId
+                                                );
+                                              }}
+                                              style={{
+                                                color: "#188ae2"
+                                              }}
+                                            ></i>
+                                            <i
+                                              class="fa-regular fa-circle-xmark signCloseBtn"
+                                              onClick={(e) => {
+                                                e.stopPropagation();
+                                                handleDeleteSign(
+                                                  pos.key,
+                                                  data.signerObjId
+                                                );
+                                              }}
+                                              style={{
+                                                color: "#188ae2"
+                                              }}
+                                            ></i>
 
-                                              marginTop: "0px"
-                                            }}
-                                          >
-                                            {pos.isStamp
-                                              ? "stamp"
-                                              : "signature"}
+                                            <div
+                                              style={{
+                                                fontSize: "12px",
+                                                color: "black",
+                                                justifyContent: "center"
+                                              }}
+                                            >
+                                              {pos.isStamp
+                                                ? "stamp"
+                                                : "signature"}
+                                            </div>
                                           </div>
                                         </Rnd>
                                       );
@@ -1034,12 +1143,13 @@ function RenderPdf({
                                         topLeft: false
                                       }}
                                       bounds="parent"
+                                      className="signYourselfBlock"
                                       style={{
-                                        borderColor: themeColor(),
+                                        border: "1px solid red",
                                         cursor: "all-scroll",
-                                        zIndex: "1"
+                                        zIndex: "1",
+                                        background: "#daebe0"
                                       }}
-                                      className="placeholderBlock"
                                       onDrag={() => handleTabDrag(pos.key)}
                                       size={{
                                         width: pos.Width ? pos.Width : 150,
@@ -1077,46 +1187,10 @@ function RenderPdf({
                                         }
                                       }}
                                     >
-                                      <BorderResize />
+                                      <BorderResize right={-12} top={-11} />
+                                      <PlaceholderBorder pos={pos} />
 
-                                      <span
-                                        ref={nodeRef}
-                                        onClick={(e) => {
-                                          e.stopPropagation();
-                                          handleDeleteSign(pos.key);
-                                          setIsStamp(false);
-                                        }}
-                                        style={{
-                                          background: themeColor()
-                                        }}
-                                        className="placeholdCloseBtn"
-                                      >
-                                        x
-                                      </span>
-
-                                      {pos.SignUrl ? (
-                                        <div style={{ pointerEvents: "none" }}>
-                                          <img
-                                            alt="signimg"
-                                            src={pos.SignUrl}
-                                            style={{
-                                              width: "100%",
-                                              height: "100%",
-                                              objectFit: "contain"
-                                            }}
-                                          />
-                                        </div>
-                                      ) : (
-                                        <div
-                                          style={{
-                                            fontSize: "12px",
-                                            color: themeColor(),
-                                            justifyContent: "center"
-                                          }}
-                                        >
-                                          {pos.isStamp ? "stamp" : "signature"}
-                                        </div>
-                                      )}
+                                      <BlockDesign pos={pos} />
                                     </Rnd>
                                   )
                                 );
@@ -1124,6 +1198,7 @@ function RenderPdf({
                           </React.Fragment>
                         );
                       }))}
+
             {/* this component for render pdf document is in middle of the component */}
             <Document
               onLoadError={(e) => {
diff --git a/microfrontends/SignDocuments/src/Component/placeHolderSign.js b/microfrontends/SignDocuments/src/Component/placeHolderSign.js
index 564938f7f..2bcfc1aea 100644
--- a/microfrontends/SignDocuments/src/Component/placeHolderSign.js
+++ b/microfrontends/SignDocuments/src/Component/placeHolderSign.js
@@ -27,6 +27,7 @@ import {
 import RenderPdf from "./component/renderPdf";
 import ModalComponent from "./component/modalComponent";
 import { useNavigate } from "react-router-dom";
+import CopyAllPage from "./component/copyAllPage";
 
 function PlaceHolderSign() {
   const navigate = useNavigate();
@@ -68,10 +69,12 @@ function PlaceHolderSign() {
   const [isResize, setIsResize] = useState(false);
   const [isAlreadyPlace, setIsAlreadyPlace] = useState(false);
   const [zIndex, setZIndex] = useState(1);
+  const [signKey, setSignKey] = useState();
   const [pdfLoadFail, setPdfLoadFail] = useState({
     status: false,
     type: "load"
   });
+  const [isPageCopy, setIsPageCopy] = useState(false);
   const color = [
     "#93a3db",
     "#e6c3db",
@@ -96,7 +99,6 @@ function PlaceHolderSign() {
   });
   const [{ isDragSign }, dragSignature] = useDrag({
     type: "BOX",
-
     item: {
       type: "BOX",
       id: 1,
@@ -108,7 +110,6 @@ function PlaceHolderSign() {
   });
   const [{ isDragStamp }, dragStamp] = useDrag({
     type: "BOX",
-
     item: {
       type: "BOX",
       id: 2,
@@ -121,7 +122,6 @@ function PlaceHolderSign() {
 
   const [{ isDragSignatureSS }, dragSignatureSS] = useDrag({
     type: "BOX",
-
     item: {
       type: "BOX",
       id: 3,
@@ -134,7 +134,6 @@ function PlaceHolderSign() {
 
   const [{ isDragStampSS }, dragStampSS] = useDrag({
     type: "BOX",
-
     item: {
       type: "BOX",
       id: 4,
@@ -814,6 +813,7 @@ function PlaceHolderSign() {
             setAllPages={setAllPages}
             setPageNumber={setPageNumber}
             setSignBtnPosition={setSignBtnPosition}
+            pageNumber={pageNumber}
           />
 
           {/* pdf render view */}
@@ -953,6 +953,16 @@ function PlaceHolderSign() {
               type={"signersAlert"}
               setIsShowEmail={setIsShowEmail}
             />
+            <CopyAllPage
+              isPageCopy={isPageCopy}
+              setIsPageCopy={setIsPageCopy}
+              xyPostion={signerPos}
+              setXyPostion={setSignerPos}
+              allPages={allPages}
+              pageNumber={pageNumber}
+              signKey={signKey}
+              signerObjId={signerObjId}
+            />
             {/* pdf header which contain funish back button */}
             <Header
               isPlaceholder={true}
@@ -990,6 +1000,9 @@ function PlaceHolderSign() {
                   containerWH={containerWH}
                   setIsResize={setIsResize}
                   setZIndex={setZIndex}
+                  setIsPageCopy={setIsPageCopy}
+                  setSignKey={setSignKey}
+                  setSignerObjId={setSignerObjId}
                 />
               )}
             </div>
diff --git a/microfrontends/SignDocuments/src/Component/recipientSignPdf.js b/microfrontends/SignDocuments/src/Component/recipientSignPdf.js
index 6421e8a8b..b039b0975 100644
--- a/microfrontends/SignDocuments/src/Component/recipientSignPdf.js
+++ b/microfrontends/SignDocuments/src/Component/recipientSignPdf.js
@@ -794,8 +794,9 @@ function EmbedPdfImage() {
             allPages={allPages}
             setAllPages={setAllPages}
             setPageNumber={setPageNumber}
+            pageNumber={pageNumber}
           />
-          {/* <div style={{width:"160px",border:"1px solid red"}}>kebjke</div> */}
+
           {/* pdf render view */}
           <div
             style={{
diff --git a/microfrontends/SignDocuments/src/css/signature.css b/microfrontends/SignDocuments/src/css/signature.css
index b4aed0610..88aa6b3f5 100644
--- a/microfrontends/SignDocuments/src/css/signature.css
+++ b/microfrontends/SignDocuments/src/css/signature.css
@@ -3,6 +3,7 @@
   background-color: rgb(255, 255, 255);
   width: 460px;
   height: 184px;
+
 }
 
 .penContainer {
@@ -174,19 +175,35 @@
   padding: 0px 5.1px 1px 5px;
 }
 
-.placeholderBlock {
-  padding: 0px;
+.signCloseBtn {
   position: absolute;
-  border-style: dashed;
-  width: 150px;
-  height: 60px;
-  background: #daebe0;
-  text-align: center;
-  justify-content: center;
-  border-width: 0.2px;
-
+  right: -8px;
+  top: -18px;
+  font-size: 14px;
+  cursor: pointer;
+  z-index: 2;
+  background: white;
 }
 
+.signCopy {
+  position: absolute;
+  right: 12px;
+  top: -18px;
+  font-size: 13px;
+  cursor: pointer;
+  z-index: 2;
+  background: white;
+}
+.ScrollbarsCustom-Track {
+  width: 4px !important;
+}
+.signYourselfBlock {
+  padding: 0px;
+ display: flex !important;
+  text-align: center !important;
+  justify-content: center !important;
+  align-items: center !important;
+}
 .finishBtn {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
   padding: 3px 30px;
@@ -531,7 +548,6 @@
   gap: 5px;
   border: none;
   background-color: #887abf;
-
   width: 200px;
   white-space: nowrap;
   overflow: hidden !important;
diff --git a/microfrontends/SignDocuments/src/utils/Utils.js b/microfrontends/SignDocuments/src/utils/Utils.js
index 292a9c2f4..0f35e2db6 100644
--- a/microfrontends/SignDocuments/src/utils/Utils.js
+++ b/microfrontends/SignDocuments/src/utils/Utils.js
@@ -4,6 +4,9 @@ import { rgb } from "pdf-lib";
 
 const isMobile = window.innerWidth < 767;
 
+export const resizeBorderExtraWidth = () => {
+  return 20;
+};
 export async function getBase64FromUrl(url) {
   const data = await fetch(url);
   const blob = await data.blob();
@@ -77,31 +80,13 @@ export function getHostUrl() {
   }
 }
 
-export const calculateImgAspectRatio = (imgWH) => {
+export const calculateImgAspectRatio = (imgWH, pos) => {
   let newWidth, newHeight;
+  const placeholderHeight = pos && pos.Width ? pos.Height : 60;
   const aspectRatio = imgWH.width / imgWH.height;
-  if (aspectRatio === "2.533333333333333") {
-    newWidth = 150;
-    newHeight = 60;
-  } else if (aspectRatio === 1) {
-    newWidth = aspectRatio * 100;
-    newHeight = aspectRatio * 100;
-  } else if (aspectRatio < 1) {
-    newWidth = aspectRatio * 70;
-    newHeight = 70;
-  } else if (aspectRatio < 2) {
-    newWidth = aspectRatio * 100;
-    newHeight = 100;
-  } else if (aspectRatio > 2 && aspectRatio < 4) {
-    newWidth = aspectRatio * 70;
-    newHeight = 70;
-  } else if (aspectRatio > 4) {
-    newWidth = aspectRatio * 40;
-    newHeight = 40;
-  } else if (aspectRatio > 5) {
-    newWidth = aspectRatio * 10;
-    newHeight = 10;
-  }
+  newWidth = aspectRatio * placeholderHeight;
+  newHeight = placeholderHeight;
+
   return { newHeight, newWidth };
 };
 
@@ -111,11 +96,13 @@ export function onSaveImage(xyPostion, index, signKey, imgWH, image) {
     (data, ind) =>
       data.key === signKey && data.Width && data.Height && data.SignUrl
   );
-  let getIMGWH = calculateImgAspectRatio(imgWH);
+  let getIMGWH;
   const getXYdata = xyPostion[index].pos;
   if (updateFilter.length > 0) {
     const addSign = getXYdata.map((url, ind) => {
       if (url.key === signKey) {
+        getIMGWH = calculateImgAspectRatio(imgWH, url);
+
         return {
           ...url,
           Width: getIMGWH.newWidth,
@@ -136,13 +123,10 @@ export function onSaveImage(xyPostion, index, signKey, imgWH, image) {
     return newUpdateUrl;
   } else {
     const getXYdata = xyPostion[index].pos;
-
-    let getPosData = xyPostion[index].pos.filter(
-      (data) => data.key === signKey
-    );
-
     const addSign = getXYdata.map((url, ind) => {
       if (url.key === signKey) {
+        getIMGWH = calculateImgAspectRatio(imgWH, url);
+
         return {
           ...url,
           Width: getIMGWH.newWidth,
@@ -178,31 +162,32 @@ export function onSaveSign(
   let getPosData = xyPostion[index].pos.filter((data) => data.key === signKey);
 
   let getIMGWH;
-  if (isDefaultSign) {
-    getIMGWH = calculateImgAspectRatio(imgWH);
-  }
-
-  const posWidth = isDefaultSign
-    ? getIMGWH.newWidth
-    : isSign && getPosData[0].ImageType
-      ? 150
-      : getPosData[0].Width
-        ? getPosData[0].Width
-        : 150;
-  const posHidth = isDefaultSign
-    ? getIMGWH.newHeight
-    : isSign && getPosData[0].ImageType
-      ? 60
-      : getPosData[0].Height
-        ? getPosData[0].Height
-        : 60;
 
   const addSign = getXYdata.map((url, ind) => {
     if (url.key === signKey) {
+      if (isDefaultSign) {
+        getIMGWH = calculateImgAspectRatio(imgWH, url);
+      }
+
+      const getSignImgWH = calculateImgAspectRatio(
+        { width: 150, height: 60 },
+        url
+      );
+      const posWidth = isDefaultSign
+        ? getIMGWH.newWidth
+        : getPosData[0].Width
+          ? getSignImgWH.newWidth
+          : 150;
+      const posHeight = isDefaultSign
+        ? getIMGWH.newHeight
+        : getPosData[0].Height
+          ? getSignImgWH.newHeight
+          : 60;
+
       return {
         ...url,
         Width: posWidth,
-        Height: posHidth,
+        Height: posHeight,
         SignUrl: signatureImg,
         ImageType: "sign"
       };
@@ -260,14 +245,16 @@ export const addDefaultSignatureImg = (xyPostion, defaultSignImg) => {
       height: img.height
     };
   }
-  const getIMGWH = calculateImgAspectRatio(imgWH);
+
   let xyDefaultPos = [];
   for (let i = 0; i < xyPostion.length; i++) {
+    let getIMGWH;
     const getXYdata = xyPostion[i].pos;
     const getPageNo = xyPostion[i].pageNumber;
     const getPosData = getXYdata;
 
     const addSign = getPosData.map((url, ind) => {
+      getIMGWH = calculateImgAspectRatio(imgWH, url);
       if (url) {
         return {
           ...url,
@@ -459,78 +446,87 @@ export function modalAlign() {
     modal.style.top = window.innerHeight / 3 + "px";
   }
 }
-export const containerWidth = (pos, scale, signyourself) => {
+
+export const placeholderWidth = (pos, scale, signyourself) => {
   let width;
+  const defaultWidth = 150;
+  const posWidth = pos.Width ? pos.Width : defaultWidth;
+
   if (signyourself) {
     if (isMobile) {
-      return pos.Width * scale;
+      return posWidth * scale;
     } else {
-      return pos.Width;
+      return posWidth;
     }
   } else {
     if (isMobile) {
       if (pos.isMobile) {
-        width = pos.Width ? pos.Width * scale : 150 * scale;
+        width = posWidth ? posWidth * scale : defaultWidth * scale;
         return width;
       } else {
         if (pos.IsResize) {
-          width = pos.Width ? pos.Width * scale : 150 * scale;
+          width = posWidth ? posWidth * scale : defaultWidth * scale;
           return width;
         } else {
-          width = pos.Width ? pos.Width : 150;
+          width = posWidth ? posWidth : defaultWidth;
           return width;
         }
       }
     } else {
       if (pos.isMobile) {
         if (pos.IsResize) {
-          width = pos.Width ? pos.Width : 150;
+          width = posWidth ? posWidth : defaultWidth;
           return width;
         } else {
-          width = pos.Width ? pos.Width * pos.scale : 150 * pos.scale;
+          width = posWidth ? posWidth * pos.scale : defaultWidth * pos.scale;
 
           return width;
         }
       } else {
-        width = pos.Width ? pos.Width : 150;
+        width = posWidth ? posWidth : defaultWidth;
         return width;
       }
     }
   }
 };
-export const containerHeight = (pos, scale, signyourself) => {
+export const placeholderHeight = (pos, scale, signyourself) => {
   let height;
+  const posHeight = pos.Height;
+  const defaultHeight = 60;
   if (signyourself) {
     if (isMobile) {
-      return pos.Height * scale;
+      return posHeight * scale;
     } else {
-      return pos.Height;
+      return posHeight;
     }
   } else {
     if (isMobile) {
       if (pos.isMobile) {
-        height = pos.Height ? pos.Height * scale : 60 * scale;
+        height = posHeight ? posHeight * scale : defaultHeight * scale;
         return height;
       } else {
         if (pos.IsResize) {
-          height = pos.Height ? pos.Height * scale : 60 * scale;
+          height = posHeight ? posHeight * scale : defaultHeight * scale;
           return height;
         } else {
-          height = pos.Height ? pos.Height : 60;
+          height = posHeight ? posHeight : defaultHeight;
+
           return height;
         }
       }
     } else {
       if (pos.isMobile) {
         if (pos.IsResize) {
-          height = pos.Height ? pos.Height : 60;
+          height = posHeight ? posHeight : defaultHeight;
           return height;
         } else {
-          height = pos.Height ? pos.Height * pos.scale : 60 * pos.scale;
+          height = posHeight
+            ? posHeight * pos.scale
+            : defaultHeight * pos.scale;
           return height;
         }
       } else {
-        height = pos.Height ? pos.Height : 60;
+        height = posHeight ? posHeight : defaultHeight;
         return height;
       }
     }
@@ -578,78 +574,80 @@ export const multiSignEmbed = async (
       } else {
         img = await pdfDoc.embedPng(imgData);
       }
-      const imgHeight = imgUrlList[id].Height ? imgUrlList[id].Height : 60;
-      const scaleWidth = containerWidth(imgUrlList[id], scale, signyourself);
-      const scaleHeight = containerHeight(imgUrlList[id], scale, signyourself);
+
+      const scaleWidth = placeholderWidth(imgUrlList[id], scale, signyourself);
+      const scaleHeight = placeholderHeight(
+        imgUrlList[id],
+        scale,
+        signyourself
+      );
 
       const xPos = (pos) => {
+        const resizePos = pos.xPosition;
         if (signyourself) {
           if (isMobile) {
-            return imgUrlList[id].xPosition * scale;
+            return resizePos * scale;
           } else {
-            return imgUrlList[id].xPosition;
+            return resizePos;
           }
         } else {
           //checking both condition mobile and desktop view
           if (isMobile) {
             //if pos.isMobile false -- placeholder saved from desktop view then handle position in mobile view divided by scale
             if (pos.isMobile) {
-              const x = pos.xPosition * (pos.scale / scale);
+              const x = resizePos * (pos.scale / scale);
               return x * scale;
             } else {
-              const x = pos.xPosition / scale;
+              const x = resizePos / scale;
               return x * scale;
             }
           } else {
             //else if pos.isMobile true -- placeholder saved from mobile or tablet view then handle position in desktop view divide by scale
             if (pos.isMobile) {
-              const x = pos.xPosition * pos.scale;
+              const x = resizePos * pos.scale;
               return x;
             } else {
-              return pos.xPosition;
+              return resizePos;
             }
           }
         }
       };
 
       const yPos = (pos) => {
+        const resizePos = imgUrlList[id].yPosition;
         if (signyourself) {
           if (isMobile) {
-            return (
-              page.getHeight() -
-              imgUrlList[id].yPosition * scale -
-              imgHeight * scale
-            );
+            return page.getHeight() - resizePos * scale - scaleHeight;
           } else {
-            return page.getHeight() - imgUrlList[id].yPosition - imgHeight;
+            return page.getHeight() - resizePos - scaleHeight;
           }
         } else {
           //checking both condition mobile and desktop view
-          const y = pos.yPosition / scale;
+          const y = resizePos / scale;
           if (isMobile) {
             //if pos.isMobile false -- placeholder saved from desktop view then handle position in mobile view divided by scale
             if (pos.isMobile) {
-              const y = pos.yPosition * (pos.scale / scale);
-              return page.getHeight() - y * scale - imgHeight * scale;
+              const y = resizePos * (pos.scale / scale);
+              return page.getHeight() - y * scale - scaleHeight;
             } else {
               if (pos.IsResize) {
-                return page.getHeight() - y * scale - imgHeight * scale;
+                return page.getHeight() - y * scale - scaleHeight;
               } else {
-                return page.getHeight() - y * scale - imgHeight;
+                return page.getHeight() - y * scale - scaleHeight;
               }
             }
           } else {
             //else if pos.isMobile true -- placeholder saved from mobile or tablet view then handle position in desktop view divide by scale
             if (pos.isMobile) {
               if (pos.IsResize) {
-                const y = pos.yPosition * pos.scale;
-                return page.getHeight() - y - imgHeight;
+                const y = resizePos * pos.scale;
+                return page.getHeight() - y - scaleHeight;
               } else {
-                const y = pos.yPosition * pos.scale;
-                return page.getHeight() - y - imgHeight * pos.scale;
+                const y = resizePos * pos.scale;
+                return page.getHeight() - y - scaleHeight;
               }
             } else {
-              return page.getHeight() - pos.yPosition - imgHeight;
+              return page.getHeight() - resizePos - scaleHeight;
             }
           }
         }
@@ -871,34 +869,36 @@ export const signPdfFun = async (
     const height = xyPosData.Height ? xyPosData.Height : 60;
 
     const xPos = (pos) => {
+      const resizePos = pos.xPosition;
       //checking both condition mobile and desktop view
       if (isMobile) {
         //if pos.isMobile false -- placeholder saved from desktop view then handle position in mobile view divided by scale
         if (pos.isMobile) {
-          const x = pos.xPosition * (pos.scale / scale);
+          const x = resizePos * (pos.scale / scale);
           return x * scale;
         } else {
-          const x = pos.xPosition / scale;
+          const x = resizePos / scale;
           return x * scale;
         }
       } else {
         //else if pos.isMobile true -- placeholder saved from mobile or tablet view then handle position in desktop view divide by scale
         if (pos.isMobile) {
-          const x = pos.xPosition * pos.scale;
+          const x = resizePos * pos.scale;
           return x;
         } else {
-          return pos.xPosition;
+          return resizePos;
         }
       }
     };
     const yBottom = (pos) => {
+      const resizePos = pos.yBottom;
       let yPosition;
       //checking both condition mobile and desktop view
 
       if (isMobile) {
         //if pos.isMobile false -- placeholder saved from desktop view then handle position in mobile view divided by scale
         if (pos.isMobile) {
-          const y = pos.yBottom * (pos.scale / scale);
+          const y = resizePos * (pos.scale / scale);
           yPosition = pos.isDrag
             ? y * scale - height * scale
             : pos.firstYPos
@@ -906,7 +906,7 @@ export const signPdfFun = async (
               : y * scale - height * scale;
           return yPosition;
         } else {
-          const y = pos.yBottom / scale;
+          const y = resizePos / scale;
           if (pos.IsResize) {
             yPosition = pos.isDrag
               ? y * scale - height * scale
@@ -926,7 +926,7 @@ export const signPdfFun = async (
       } else {
         //else if pos.isMobile true -- placeholder saved from mobile or tablet view then handle position in desktop view divide by scale
         if (pos.isMobile) {
-          const y = pos.yBottom * pos.scale;
+          const y = resizePos * pos.scale;
           if (pos.IsResize) {
             yPosition = pos.isDrag
               ? y - height
@@ -944,16 +944,15 @@ export const signPdfFun = async (
           }
         } else {
           yPosition = pos.isDrag
-            ? pos.yBottom - height
+            ? resizePos - height
             : pos.firstYPos
-              ? pos.yBottom - height + pos.firstYPos
-              : pos.yBottom - height;
+              ? resizePos - height + pos.firstYPos
+              : resizePos - height;
           return yPosition;
         }
       }
     };
 
-    const bottomY = yBottom(xyPosData);
     singleSign = {
       pdfFile: pdfBase64Url,
       docId: documentId,
@@ -961,9 +960,9 @@ export const signPdfFun = async (
       sign: {
         Base64: base64Url,
         Left: xPos(xyPosData),
-        Bottom: bottomY,
-        Width: containerWidth(xyPosData, scale),
-        Height: containerHeight(xyPosData, scale),
+        Bottom: yBottom(xyPosData),
+        Width: placeholderWidth(xyPosData, scale),
+        Height: placeholderHeight(xyPosData, scale),
         Page: pageNo
       }
     };