...

1 files changed, 3 insertions, 2 deletions

diff --git a/FrontEnd/src/views/common/Icon.tsx b/FrontEnd/src/views/common/Icon.tsx
index c91d514b..2ac3a7ca 100644
--- a/FrontEnd/src/views/common/Icon.tsx
+++ b/FrontEnd/src/views/common/Icon.tsx
@@ -14,13 +14,14 @@ interface IconButtonProps extends ComponentPropsWithoutRef<"i"> {
 export default function Icon(props: IconButtonProps) {
   const { icon, color, size, style, className, ...otherProps } = props;
 
-  const colorName = color === "on-surface" ? "surface-on" : color ?? "primary";
+  const colorName = color === "on-surface" ? "surface-on" : color;
 
   return (
     <i
       style={size != null ? { ...style, fontSize: size } : style}
       className={classNames(
-        `bi-${icon} cru-${colorName}-color cru-icon`,
+        colorName && `cru-${colorName}`,
+        `bi-${icon} cru-icon`,
         className,
       )}
       {...otherProps}