diff --git a/web/components/contract/quick-bet.tsx b/web/components/contract/quick-bet.tsx
index 34eac6f4..8f642656 100644
--- a/web/components/contract/quick-bet.tsx
+++ b/web/components/contract/quick-bet.tsx
@@ -160,7 +160,7 @@ export function QuickBet(props: { contract: Contract; user: User }) {
           <TriangleDownFillIcon
             className={clsx(
               'mx-auto h-5 w-5',
-              downHover ? 'text-red-500'  : 'text-gray-200'
+              downHover ? 'text-red-500' : 'text-gray-200'
             )}
           />
         )}
@@ -269,10 +269,15 @@ export function getColor(contract: Contract, previewProb?: number) {
       'primary'
     )
   }
+
   if (contract.outcomeType === 'NUMERIC') {
     return 'blue-400'
   }
 
+  if (contract.outcomeType === 'FREE_RESPONSE') {
+    return 'blue-400'
+  }
+
   const marketClosed = (contract.closeTime || Infinity) < Date.now()
   const prob = previewProb ?? getProb(contract)
   return marketClosed ? 'gray-400' : prob >= 0.5 ? 'primary' : 'red-400'