diff --git a/packages/design-system/lib/components/Icons/MaterialIcon/index.tsx b/packages/design-system/lib/components/Icons/MaterialIcon/index.tsx
index 4cf0d4275..fca477c72 100644
--- a/packages/design-system/lib/components/Icons/MaterialIcon/index.tsx
+++ b/packages/design-system/lib/components/Icons/MaterialIcon/index.tsx
@@ -12,6 +12,7 @@ export interface MaterialIconProps
   size?: number
   styleName?: "outlined" | "rounded" | "sharp"
   isFilled?: boolean
+  className?: string
 }
 
 export type MaterialIconSetIconProps = Omit<MaterialIconProps, "icon">
@@ -22,7 +23,8 @@ export function MaterialIcon({
   styleName = "outlined",
   color = "CurrentColor",
   isFilled,
-  ...props
+  className,
+  ...rest
 }: MaterialIconProps) {
   const iconStyles = materialIcons[icon]
 
@@ -55,8 +57,8 @@ export function MaterialIcon({
     <span
       data-testid="MaterialIcon"
       data-icon-name={icon}
-      className={cx(styles.iconWrapper, props.className)}
-      {...props}
+      className={cx(styles.iconWrapper, className)}
+      {...rest}
     >
       <IconComponent
         width={size}