src/components/DrawPDFFields/index.tsx

@@ -328,8 +328,10 @@ 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.
-    const mouseY = event.clientY - rect.top //y position within the element.
+
+    // Clamp X Y within the target
+    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,
@@ -415,6 +417,9 @@ 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,7 +75,6 @@
     bottom: -60px;
     min-width: 170px;
     min-height: 30px;
-    background: #fff;
     padding: 5px 0;
   }
 }