From 510653f2eea13a896b3583a3377795f10ebfde29 Mon Sep 17 00:00:00 2001
From: Linus Flood <linus.flood@scandichotels.com>
Date: Wed, 21 Jan 2026 14:09:05 +0000
Subject: [PATCH] Merged in fix/icons-4 (pull request #3472)

Icon fix

* Icon fix
---
 .../lib/components/Icons/MaterialIcon/index.tsx           | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

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}