diff --git a/web/components/contract/contract-card.tsx b/web/components/contract/contract-card.tsx
index 6f83ccb9..84e2db8f 100644
--- a/web/components/contract/contract-card.tsx
+++ b/web/components/contract/contract-card.tsx
@@ -20,6 +20,7 @@ import {
 import {
   AnswerLabel,
   BinaryContractOutcomeLabel,
+  CancelLabel,
   FreeResponseOutcomeLabel,
 } from '../outcome-label'
 import { getOutcomeProbability, getTopAnswer } from 'common/calculate'
@@ -240,7 +241,12 @@ export function NumericResolutionOrExpectation(props: {
       {resolution ? (
         <>
           <div className={clsx('text-base text-gray-500')}>Resolved</div>
-          <div className="text-blue-400">{resolutionValue}</div>
+
+          {resolution === 'CANCEL' ? (
+            <CancelLabel />
+          ) : (
+            <div className="text-blue-400">{resolutionValue}</div>
+          )}
         </>
       ) : (
         <>