From f3ff6d99c885cf61949deb70fb912fb0e4a1371e Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Mon, 19 Sep 2022 16:24:36 -0500
Subject: [PATCH] Remove colored background for daily movers to make it not
 feel like your own profit / loss

---
 web/components/contract/prob-change-table.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/components/contract/prob-change-table.tsx b/web/components/contract/prob-change-table.tsx
index 6a47a7b7..bbe9e0ef 100644
--- a/web/components/contract/prob-change-table.tsx
+++ b/web/components/contract/prob-change-table.tsx
@@ -78,12 +78,17 @@ export function ProbChange(props: {
     prob,
     probChanges: { day: change },
   } = contract
+
+  const color = change >= 0 ? 'text-green-500' : 'text-red-500'
+
   return (
     <Col className={clsx('flex flex-col items-end', className)}>
-      <span className="mb-0.5 mr-0.5 text-2xl">
+      <div className="mb-0.5 mr-0.5 text-2xl">
         {formatPercent(Math.round(100 * prob) / 100)}
-      </span>
-      <ProfitBadge className="ml-0" profitPercent={100 * change} round />
+      </div>
+      <div className={clsx('text-base', color)}>
+        {(change > 0 ? '+' : '') + (change * 100).toFixed(0) + '%'}
+      </div>
     </Col>
   )
 }