From 974d41434e37135a82214c2aab7c50826095c54b Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Thu, 13 Jan 2022 17:08:12 -0600
Subject: [PATCH] Try to fix flashing css grid #2

---
 web/components/contract-card.tsx  | 4 ++--
 web/components/contracts-list.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/components/contract-card.tsx b/web/components/contract-card.tsx
index 6b5ed829..cbaf1c12 100644
--- a/web/components/contract-card.tsx
+++ b/web/components/contract-card.tsx
@@ -24,8 +24,8 @@ export function ContractCard(props: {
 
   return (
     <Link href={contractPath(contract)}>
-      <a>
-        <li className="col-span-1 bg-white hover:bg-gray-100 shadow-md rounded-lg divide-y divide-gray-200">
+      <a className="col-span-1">
+        <li className="bg-white hover:bg-gray-100 shadow-md rounded-lg divide-y divide-gray-200">
           <div className="card">
             <div className="card-body p-6">
               <Row className="justify-between gap-4 mb-2">
diff --git a/web/components/contracts-list.tsx b/web/components/contracts-list.tsx
index f395f47e..8759fe8b 100644
--- a/web/components/contracts-list.tsx
+++ b/web/components/contracts-list.tsx
@@ -42,7 +42,7 @@ export function ContractsGrid(props: {
   }
 
   return (
-    <ul role="list" className="w-full grid grid-cols-1 gap-6 md:grid-cols-2">
+    <ul className="w-full grid grid-cols-1 gap-6 md:grid-cols-2">
       {contracts.map((contract) => (
         <ContractCard
           contract={contract}