1 files changed, 6 insertions, 2 deletions
diff --git a/FrontEnd/src/views/common/button/IconButton.tsx b/FrontEnd/src/views/common/button/IconButton.tsx
index e5454574..ac746a7b 100644
--- a/FrontEnd/src/views/common/button/IconButton.tsx
+++ b/FrontEnd/src/views/common/button/IconButton.tsx
@@ -7,7 +7,7 @@ import "./IconButton.css";
 
 interface IconButtonProps extends ComponentPropsWithoutRef<"i"> {
   icon: string;
-  color?: ThemeColor;
+  color?: ThemeColor | "on-surface";
   large?: boolean;
 }
 
@@ -20,7 +20,11 @@ export default function IconButton(props: IconButtonProps) {
         "cru-icon-button",
         large && "large",
         "bi-" + icon,
-        color ? "cru-" + color : "cru-primary",
+        color === "on-surface"
+          ? "on-surface"
+          : color != null
+          ? "cru-" + color
+          : "cru-primary",
         className,
       )}
       {...otherProps}