src/components/DrawPDFFields/index.tsx

@@ -328,10 +328,8 @@ export const DrawPDFFields = (props: Props) => {
   ) => {
     const target = customTarget ? customTarget : event.currentTarget
     const rect = target.getBoundingClientRect()
-
+    const mouseX = event.clientX - rect.left //x position within the element.
-    // Clamp X Y within the target
+    const mouseY = event.clientY - rect.top //y position within the element.
-    const mouseX = Math.min(event.clientX, rect.right) - rect.left //x position within the element.
-    const mouseY = Math.min(event.clientY, rect.bottom) - rect.top //y position within the element.
 
     return {
       mouseX,
@@ -417,9 +415,6 @@ export const DrawPDFFields = (props: Props) => {
                           }}
                           labelId="counterparts"
                           label="Counterparts"
-                          sx={{
-                            background: 'white'
-                          }}
                         >
                           {users
                             .filter((u) => u.role === UserRole.signer)

src/components/DrawPDFFields/style.module.scss

@@ -75,6 +75,7 @@
     bottom: -60px;
     min-width: 170px;
     min-height: 30px;
+    background: #fff;
     padding: 5px 0;
   }
 }