From a58db4bd84390fbac34b43e467cd95e1e2dabb9e Mon Sep 17 00:00:00 2001
From: Madhuri Sandbhor <madhuri.sandbhor@strapi.io>
Date: Fri, 26 Jul 2024 16:14:44 +0200
Subject: [PATCH] fix: link hover color apply to its label and not to children

---
 .changeset/metal-poems-type.md                      | 5 +++++
 packages/design-system/src/components/Link/Link.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/metal-poems-type.md

diff --git a/.changeset/metal-poems-type.md b/.changeset/metal-poems-type.md
new file mode 100644
index 000000000..c91582ec5
--- /dev/null
+++ b/.changeset/metal-poems-type.md
@@ -0,0 +1,5 @@
+---
+'@strapi/design-system': patch
+---
+
+fix: link hover color apply to its label and not to children
diff --git a/packages/design-system/src/components/Link/Link.tsx b/packages/design-system/src/components/Link/Link.tsx
index 2c785d640..aa9c2fe8f 100644
--- a/packages/design-system/src/components/Link/Link.tsx
+++ b/packages/design-system/src/components/Link/Link.tsx
@@ -52,7 +52,7 @@ const LinkWrapper = styled<BaseLinkComponent>(BaseLink)`
   }
 
   &:hover {
-    span {
+    & > span {
       color: ${({ theme }) => theme.colors.primary500};
     }
   }