src/components/MarkFormField/style.module.scss

@@ -122,7 +122,7 @@
   align-items: center;
   grid-gap: 15px;
   box-shadow: 0 -2px 4px 0 rgb(0, 0, 0, 0.1);
-  max-width: 750px;
+  max-width: 450px;
 
   &.expanded {
     display: flex;

src/components/PDFView/PdfMarking.tsx

@@ -70,8 +70,8 @@ const PdfMarking = (props: PdfMarkingProps) => {
 
   const handleMarkClick = (id: number) => {
     const nextMark = currentUserMarks.find((mark) => mark.mark.id === id)
-    setSelectedMark(nextMark!)
-    setSelectedMarkValue(nextMark?.mark.value ?? EMPTY)
+
+    if (nextMark) handleCurrentUserMarkChange(nextMark)
   }
 
   const handleCurrentUserMarkChange = (mark: CurrentUserMark) => {

src/utils/const.ts

@@ -119,6 +119,6 @@ export const SIGNATURE_PAD_OPTIONS = {
 } as const
 
 export const SIGNATURE_PAD_SIZE = {
-  width: 600,
+  width: 300,
   height: 300
 }