diff --git a/web/components/contracts-list.tsx b/web/components/contracts-list.tsx
index c76fa72d..f395f47e 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="grid grid-cols-1 gap-6 lg:grid-cols-2">
+    <ul role="list" className="w-full grid grid-cols-1 gap-6 md:grid-cols-2">
       {contracts.map((contract) => (
         <ContractCard
           contract={contract}