diff --git a/web/src/components/modals/ChallengeModal.tsx b/web/src/components/modals/ChallengeModal.tsx
index 3ad17069..a355b437 100644
--- a/web/src/components/modals/ChallengeModal.tsx
+++ b/web/src/components/modals/ChallengeModal.tsx
@@ -318,14 +318,15 @@ export default function ChallengeModal(props: ChallengeModalProps) {
 								>
 									<ActionIcon
 										variant="transparent"
-										color={challenge?.category?.color}
 										onClick={() => {
 											window.open(
 												`${import.meta.env.VITE_BASE_API}/media/challenges/${challenge?.id}/${challenge?.attachment?.name}`
 											);
 										}}
 									>
-										<MDIcon>download</MDIcon>
+										<MDIcon c={challenge?.category?.color}>
+											download
+										</MDIcon>
 									</ActionIcon>
 								</Tooltip>
 							)}