From 25bba2fc31687f3aff6e2df69f8ea30a9d25737b Mon Sep 17 00:00:00 2001
From: mukulpadwal <mukulpadwal.me@gmail.com>
Date: Wed, 20 Nov 2024 16:35:14 +0530
Subject: [PATCH] fix : icon color not changing on hover for links

---
 .changeset/hip-sloths-occur.md                      | 5 +++++
 packages/design-system/src/components/Link/Link.tsx | 4 ++++
 2 files changed, 9 insertions(+)
 create mode 100644 .changeset/hip-sloths-occur.md

diff --git a/.changeset/hip-sloths-occur.md b/.changeset/hip-sloths-occur.md
new file mode 100644
index 000000000..e81f11a56
--- /dev/null
+++ b/.changeset/hip-sloths-occur.md
@@ -0,0 +1,5 @@
+---
+'@strapi/design-system': minor
+---
+
+Updated hover styles to apply correct color for text and SVG icons
diff --git a/packages/design-system/src/components/Link/Link.tsx b/packages/design-system/src/components/Link/Link.tsx
index aa9c2fe8f..e76f7a2ef 100644
--- a/packages/design-system/src/components/Link/Link.tsx
+++ b/packages/design-system/src/components/Link/Link.tsx
@@ -55,6 +55,10 @@ const LinkWrapper = styled<BaseLinkComponent>(BaseLink)`
     & > span {
       color: ${({ theme }) => theme.colors.primary500};
     }
+
+    svg path {
+      fill: ${({ theme }) => theme.colors.primary500};
+    }
   }
 
   &:active {