From e01fd7683c737ad844faddd572c427669ddf9559 Mon Sep 17 00:00:00 2001
From: Tomi Olubeko <66456876+tomi-msft@users.noreply.github.com>
Date: Tue, 10 Dec 2024 15:32:08 -0800
Subject: [PATCH] fix: Add styling to font icons to fix HC color issues (#781)

---
 .../react-icons/src/utils/fonts/createFluentFontIcon.tsx     | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/react-icons/src/utils/fonts/createFluentFontIcon.tsx b/packages/react-icons/src/utils/fonts/createFluentFontIcon.tsx
index c5541b7569..11916f5bcb 100644
--- a/packages/react-icons/src/utils/fonts/createFluentFontIcon.tsx
+++ b/packages/react-icons/src/utils/fonts/createFluentFontIcon.tsx
@@ -24,7 +24,7 @@ export const enum FontFile {
     Filled = 0,
     Regular = 1,
     Resizable = 2,
-		Light = 3
+	Light = 3
 }
 
 const FONT_FAMILY_MAP = {
@@ -70,9 +70,10 @@ const useRootStyles = makeStyles({
         display: 'inline-block',
         fontStyle: 'normal',
         lineHeight: '1em',
+        color: 'currentColor',
 
         "@media (forced-colors: active)": {
-            forcedColorAdjust: 'none',
+            forcedColorAdjust: 'auto',
         }
     },
     [FontFile.Filled]: {