make bet panel smaller

web/components/bet-panel.tsx

@@ -150,8 +150,7 @@ export function BetPanelSwitcher(props: {
       <Col
         className={clsx(
           'rounded-b-md bg-white px-8 py-6',
-          !sharesOutcome && 'rounded-t-md',
-          className
+          !sharesOutcome && 'rounded-t-md'
         )}
       >
         <Title

web/components/bet-row.tsx

@@ -15,8 +15,9 @@ export default function BetRow(props: {
   contract: FullContract<DPM | CPMM, Binary>
   className?: string
   btnClassName?: string
+  betPanelClassName?: string
 }) {
-  const { className, btnClassName, contract } = props
+  const { className, btnClassName, betPanelClassName, contract } = props
   const [open, setOpen] = useState(false)
   const [betChoice, setBetChoice] = useState<'YES' | 'NO' | undefined>(
     undefined
@@ -60,6 +61,7 @@ export default function BetRow(props: {
       />
       <Modal open={open} setOpen={setOpen}>
         <BetPanelSwitcher
+          className={betPanelClassName}
           contract={contract}
           title={contract.question}
           selected={betChoice}

web/pages/embed/[username]/[contractSlug].tsx

@@ -115,7 +115,10 @@ function ContractEmbed(props: { contract: Contract; bets: Bet[] }) {
 
           {isBinary && (
             <Row className="items-center gap-4">
-              <BetRow contract={contract as BinaryContract} />
+              <BetRow
+                contract={contract as BinaryContract}
+                betPanelClassName="scale-75"
+              />
               <BinaryResolutionOrChance contract={contract} />
             </Row>
           )}