diff --git a/Frontend/components/icon/Icon.tsx b/Frontend/components/icon/Icon.tsx
index 55f6844..2e81c0b 100644
--- a/Frontend/components/icon/Icon.tsx
+++ b/Frontend/components/icon/Icon.tsx
@@ -15,7 +15,7 @@ function Icon({
 }: IconProps) {
   const fluentIcons = Object.assign(
     {},
-    ...Object.keys(FluentIcons).map((name) => {
+    ...Object.keys(FluentIcons).map((name: any) => {
       return {
         [name]: (
           <IconContainer
@@ -25,7 +25,7 @@ function Icon({
             nestedComponent={nestedComponent}
             style={style}
           >
-            {React.createElement(FluentIcons[name], {
+            {React.createElement((FluentIcons as any)[name as any], {
               color: isActive ? color ?? undefined : undefined,
               style: { width: iconSize[size], height: iconSize[size] },
             })}