fix: nested a links in card

src/components/DisplaySigit/index.tsx

@@ -80,15 +80,16 @@ export const DisplaySigit = ({ meta, profiles, setProfiles }: SigitProps) => {
   }, [submittedBy, signers, profiles, setProfiles])
 
   return (
-    <Link
-      className={styles.itemWrapper}
-      to={
-        signedStatus === SignedStatus.Complete
-          ? appPublicRoutes.verify
-          : appPrivateRoutes.sign
-      }
-      state={{ meta }}
-    >
+    <div className={styles.itemWrapper}>
+      <Link
+        to={
+          signedStatus === SignedStatus.Complete
+            ? appPublicRoutes.verify
+            : appPrivateRoutes.sign
+        }
+        state={{ meta }}
+        className={styles.insetLink}
+      ></Link>
       <p className={`line-clamp-2 ${styles.title}`}>{title}</p>
       <div className={styles.users}>
         {submittedBy &&
@@ -187,6 +188,6 @@ export const DisplaySigit = ({ meta, profiles, setProfiles }: SigitProps) => {
           </Button>
         </Tooltip>
       </div>
-    </Link>
+    </div>
   )
 }

src/components/DisplaySigit/style.module.scss

@@ -6,15 +6,11 @@
   background-color: $overlay-background-color;
   border-radius: 4px;
 
-  outline: none !important;
-
   display: flex;
   padding: 15px;
   gap: 15px;
   flex-direction: column;
 
-  cursor: pointer;
-
   &:only-child {
     max-width: 600px;
   }
@@ -44,6 +40,12 @@
   }
 }
 
+.insetLink {
+  position: absolute;
+  inset: 0;
+  outline: none;
+}
+
 .itemActions {
   display: flex;
   gap: 10px;