From 5e60dd8581003749a32ff4e494a26479ce9ea832 Mon Sep 17 00:00:00 2001
From: Linus Flood <linus.flood@scandichotels.com>
Date: Wed, 21 Jan 2026 13:42:48 +0000
Subject: [PATCH] Merged in fix/icons-3 (pull request #3471)

More icons..

* More icons..
---
 .../design-system/lib/components/Icons/MaterialIcon/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/design-system/lib/components/Icons/MaterialIcon/index.tsx b/packages/design-system/lib/components/Icons/MaterialIcon/index.tsx
index 4810f6e94..4cf0d4275 100644
--- a/packages/design-system/lib/components/Icons/MaterialIcon/index.tsx
+++ b/packages/design-system/lib/components/Icons/MaterialIcon/index.tsx
@@ -1,6 +1,6 @@
 import { HTMLAttributes } from "react"
 import { MaterialIconName, materialIcons } from "./generated"
-import { VariantProps } from "class-variance-authority"
+import { VariantProps, cx } from "class-variance-authority"
 import { iconVariants } from "../variants"
 import styles from "./index.module.css"
 
@@ -55,7 +55,7 @@ export function MaterialIcon({
     <span
       data-testid="MaterialIcon"
       data-icon-name={icon}
-      className={`${styles.iconWrapper}`}
+      className={cx(styles.iconWrapper, props.className)}
       {...props}
     >
       <IconComponent