From 1af03bc53d8c64c1bcb46b289720c4dfa73faafd Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Fri, 14 Jan 2022 16:59:14 -0600
Subject: [PATCH] Improve card style flashing on load

---
 web/components/contract-card.tsx | 41 ++++++++++++++++----------------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/web/components/contract-card.tsx b/web/components/contract-card.tsx
index 99605e00..9ca70cb8 100644
--- a/web/components/contract-card.tsx
+++ b/web/components/contract-card.tsx
@@ -24,27 +24,26 @@ export function ContractCard(props: {
   const { probPercent } = contractMetrics(contract)
 
   return (
-    <Link href={contractPath(contract)}>
-      <a
-        className={clsx(
-          'col-span-1 bg-white hover:bg-gray-100 shadow-md rounded-lg list-none card card-body p-6',
-          className
-        )}
-      >
-        <Row className="justify-between gap-4 mb-2">
-          <p className="font-medium text-indigo-700">{question}</p>
-          <ResolutionOrChance
-            className="items-center"
-            resolution={resolution}
-            probPercent={probPercent}
-          />
-        </Row>
-        <AbbrContractDetails
-          contract={contract}
-          showHotVolume={showHotVolume}
-        />
-      </a>
-    </Link>
+    <div className={className}>
+      <Link href={contractPath(contract)}>
+        <a>
+          <div className="bg-white hover:bg-gray-100 shadow-md rounded-lg p-6">
+            <Row className="justify-between gap-4 mb-2">
+              <p className="font-medium text-indigo-700">{question}</p>
+              <ResolutionOrChance
+                className="items-center"
+                resolution={resolution}
+                probPercent={probPercent}
+              />
+            </Row>
+            <AbbrContractDetails
+              contract={contract}
+              showHotVolume={showHotVolume}
+            />
+          </div>
+        </a>
+      </Link>
+    </div>
   )
 }