Fix card width

web/components/contract/contract-card.tsx

@@ -38,6 +38,7 @@ export function ContractCard(props: {
   showHotVolume?: boolean
   showTime?: ShowTime
   className?: string
+  questionClass?: string
   onClick?: () => void
   hideQuickBet?: boolean
   hideGroupLink?: boolean
@@ -46,6 +47,7 @@ export function ContractCard(props: {
     showHotVolume,
     showTime,
     className,
+    questionClass,
     onClick,
     hideQuickBet,
     hideGroupLink,
@@ -105,7 +107,7 @@ export function ContractCard(props: {
           className={'hidden md:inline-flex'}
         />
         <p
-          className="break-words font-semibold text-indigo-700 group-hover:underline group-hover:decoration-indigo-400 group-hover:decoration-2"
+          className={clsx("break-words font-semibold text-indigo-700 group-hover:underline group-hover:decoration-indigo-400 group-hover:decoration-2", questionClass)}
           style={{ /* For iOS safari */ wordBreak: 'break-word' }}
         >
           {question}

web/pages/tournament/index.tsx

@@ -167,7 +167,8 @@ function Section(props: {
               contract={m}
               showHotVolume
               hideGroupLink
-              className="shrink-0"
+              className="max-h-[148px] w-96 shrink-0"
+              questionClass="line-clamp-2"
             />
           ))
         ) : (