diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx
index 74446502c7..7b90ae0dfb 100644
--- a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx
@@ -314,7 +314,7 @@ export const FileContainer: FC<{
           aria-label={t('remove_or_replace_figure')}
           onClick={() => onDelete && onDelete()}
         >
-          <MaterialIcon type="cancel" />
+          <MaterialIcon type="cancel" className="icon-danger" />
         </OLButton>
       </div>
     </div>
diff --git a/services/web/frontend/stylesheets/components/icon.scss b/services/web/frontend/stylesheets/components/icon.scss
index 15bc514b3f..d16e240918 100644
--- a/services/web/frontend/stylesheets/components/icon.scss
+++ b/services/web/frontend/stylesheets/components/icon.scss
@@ -20,9 +20,9 @@
 }
 
 .icon-danger {
-  color: var(--content-danger);
+  color: var(--content-danger-themed);
 }
 
 .icon-success {
-  color: var(--content-positive);
+  color: var(--content-positive-themed);
 }