From 591604cfc692e0f20fa734be095f601589c3a2f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=B4mulo=20Penido?= <romulo@dash.dev.br>
Date: Wed, 25 Oct 2023 11:34:34 -0300
Subject: [PATCH] fix: taxonomy card click

---
 src/taxonomy/taxonomy-card/TaxonomyCard.jsx     | 9 +++++++--
 src/taxonomy/taxonomy-card/TaxonomyCard.scss    | 5 -----
 src/taxonomy/taxonomy-card/TaxonomyCardMenu.jsx | 6 ++++--
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/taxonomy/taxonomy-card/TaxonomyCard.jsx b/src/taxonomy/taxonomy-card/TaxonomyCard.jsx
index 9bf09c47d3..68bab49cb0 100644
--- a/src/taxonomy/taxonomy-card/TaxonomyCard.jsx
+++ b/src/taxonomy/taxonomy-card/TaxonomyCard.jsx
@@ -103,8 +103,13 @@ const TaxonomyCard = ({ className, original, intl }) => {
 
   return (
     <>
-      <Card isClickable className={classNames('taxonomy-card', className)} data-testid={`taxonomy-card-${id}`}>
-        <Link className="stretched-link" to={`${id}`} aria-label="view taxonomy details" />
+      <Card
+        isClickable
+        as={Link}
+        to={`${id}`}
+        className={classNames('taxonomy-card', className)}
+        data-testid={`taxonomy-card-${id}`}
+      >
         <Card.Header
           title={name}
           subtitle={getHeaderSubtitle()}
diff --git a/src/taxonomy/taxonomy-card/TaxonomyCard.scss b/src/taxonomy/taxonomy-card/TaxonomyCard.scss
index 3bd8e98ee9..b4839bd1c2 100644
--- a/src/taxonomy/taxonomy-card/TaxonomyCard.scss
+++ b/src/taxonomy/taxonomy-card/TaxonomyCard.scss
@@ -30,11 +30,6 @@
     white-space: nowrap;
   }
 
-  .pgn__card-header-actions, .badge {
-    z-index: 100; 
-    position: relative;
-  }
-
   .taxonomy-menu-item:focus {
     /**
      * There is a bug in the menu that auto focus the first item.
diff --git a/src/taxonomy/taxonomy-card/TaxonomyCardMenu.jsx b/src/taxonomy/taxonomy-card/TaxonomyCardMenu.jsx
index 742003bb44..32c04336df 100644
--- a/src/taxonomy/taxonomy-card/TaxonomyCardMenu.jsx
+++ b/src/taxonomy/taxonomy-card/TaxonomyCardMenu.jsx
@@ -25,9 +25,11 @@ const TaxonomyCardMenu = ({
   return (
     <>
       <IconButton
-        className="streched-link"
         variant="primary"
-        onClick={() => setMenuIsOpen(true)}
+        onClick={(e) => {
+          e.preventDefault();
+          setMenuIsOpen(true);
+        }}
         ref={setMenuTarget}
         src={MoreVert}
         iconAs={Icon}