diff --git a/src/taxonomy/taxonomy-card/TaxonomyCard.jsx b/src/taxonomy/taxonomy-card/TaxonomyCard.jsx
index a5af87f695..1aadc3cf90 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={`taxonomy-list/${id}`} aria-label="view taxonomy details" />
+      <Card
+        isClickable
+        as={Link}
+        to={`/taxonomy-list/${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.