diff --git a/src/frontend/src/components/genericIconComponent/index.tsx b/src/frontend/src/components/genericIconComponent/index.tsx
index d040cbe7e..317614b6a 100644
--- a/src/frontend/src/components/genericIconComponent/index.tsx
+++ b/src/frontend/src/components/genericIconComponent/index.tsx
@@ -11,13 +11,13 @@ const ForwardedIconComponent = forwardRef(
 
     const style = {
       strokeWidth: 1.5,
-      className: className,
       ...(stroke && { stroke: stroke }),
       ...(iconColor && { color: iconColor, stroke: stroke }),
     };
 
     return (
       <TargetIcon
+        className={className}
         style={style}
         ref={ref}
         data-testid={id ? `${id}-${name}` : `icon-${name}`}