Improve card style flashing on load

web/components/contract-card.tsx

@@ -24,13 +24,10 @@ export function ContractCard(props: {
   const { probPercent } = contractMetrics(contract)
 
   return (
+    <div className={className}>
       <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
-        )}
-      >
+        <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
@@ -43,8 +40,10 @@ export function ContractCard(props: {
               contract={contract}
               showHotVolume={showHotVolume}
             />
+          </div>
         </a>
       </Link>
+    </div>
   )
 }