I predict this will do better than trade

web/components/bet-button.tsx

@@ -41,7 +41,7 @@ export default function BetButton(props: {
             )}
             onClick={() => setOpen(true)}
           >
-            Trade
+            Predict
           </Button>
         ) : (
           <BetSignUpPrompt />

web/components/bet-panel.tsx

@@ -297,7 +297,7 @@ function BuyPanel(props: {
   return (
     <Col className={hidden ? 'hidden' : ''}>
       <div className="my-3 text-left text-sm text-gray-500">
-        {isPseudoNumeric ? 'Direction' : 'Buy'}
+        {isPseudoNumeric ? 'Direction' : 'Outcome'}
       </div>
       <YesNoSelector
         className="mb-4"
@@ -751,7 +751,7 @@ function QuickOrLimitBet(props: {
   return (
     <Row className="align-center mb-4 justify-between">
       <div className="mr-2 -ml-2 shrink-0 text-3xl sm:-ml-0 sm:text-4xl">
-        Trade
+        Predict
       </div>
       {!hideToggle && (
         <Row className="mt-1 ml-1 items-center gap-1.5 sm:ml-0 sm:gap-2">

web/components/buttons/pill-button.tsx

@@ -13,8 +13,8 @@ export function PillButton(props: {
   return (
     <button
       className={clsx(
-        'cursor-pointer select-none whitespace-nowrap rounded-full px-3 py-1.5 sm:text-sm',
+        'cursor-pointer select-none whitespace-nowrap rounded-full px-3 py-1.5 text-sm',
-        xs ? 'text-xs' : 'text-sm',
+        xs ? 'text-xs' : '',
         selected
           ? ['text-white', color ?? 'bg-greyscale-6']
           : 'bg-greyscale-2 hover:bg-greyscale-3'

web/components/sign-up-prompt.tsx

@@ -19,7 +19,7 @@ export function BetSignUpPrompt(props: {
       size={size}
       color="gradient"
     >
-      {label ?? 'Sign up to trade!'}
+      {label ?? 'Sign up to predict!'}
     </Button>
   ) : null
 }