diff --git a/web/components/answers/answer-bet-panel.tsx b/web/components/answers/answer-bet-panel.tsx
index ac3a8fa3..85f61034 100644
--- a/web/components/answers/answer-bet-panel.tsx
+++ b/web/components/answers/answer-bet-panel.tsx
@@ -184,6 +184,7 @@ export function AnswerBetPanel(props: {
       <Spacer h={6} />
       {user ? (
         <WarningConfirmationButton
+          marketType="freeResponse"
           amount={betAmount}
           warning={warning}
           onSubmit={submitBet}
@@ -191,8 +192,7 @@ export function AnswerBetPanel(props: {
           disabled={!!betDisabled}
           openModalButtonClass={clsx(
             'btn self-stretch',
-            betDisabled ? 'btn-disabled' : 'btn-primary',
-            isSubmitting ? 'loading' : ''
+            betDisabled ? 'btn-disabled' : 'btn-primary'
           )}
         />
       ) : (
diff --git a/web/components/bet-panel.tsx b/web/components/bet-panel.tsx
index 33f8e643..1b9bddbe 100644
--- a/web/components/bet-panel.tsx
+++ b/web/components/bet-panel.tsx
@@ -393,6 +393,7 @@ export function BuyPanel(props: {
 
         {user && (
           <WarningConfirmationButton
+            marketType="binary"
             amount={betAmount}
             outcome={outcome}
             warning={warning}
@@ -401,7 +402,7 @@ export function BuyPanel(props: {
             openModalButtonClass={clsx(
               'btn mb-2 flex-1',
               betDisabled
-                ? 'btn-disabled bg-greyscale-1'
+                ? 'btn-disabled bg-greyscale-2'
                 : outcome === 'NO'
                 ? 'border-none bg-red-400 hover:bg-red-500'
                 : 'border-none bg-teal-500 hover:bg-teal-600'
diff --git a/web/components/warning-confirmation-button.tsx b/web/components/warning-confirmation-button.tsx
index 4b37e2e9..1073d60a 100644
--- a/web/components/warning-confirmation-button.tsx
+++ b/web/components/warning-confirmation-button.tsx
@@ -9,6 +9,7 @@ import { formatMoney } from 'common/util/format'
 export function WarningConfirmationButton(props: {
   amount: number | undefined
   outcome?: 'YES' | 'NO' | undefined
+  marketType: 'freeResponse' | 'binary'
   warning?: string
   onSubmit: () => void
   disabled?: boolean
@@ -25,15 +26,24 @@ export function WarningConfirmationButton(props: {
     openModalButtonClass,
     submitButtonClassName,
     outcome,
+    marketType,
   } = props
+  {
+    console.log(outcome)
+  }
 
   if (!warning) {
     return (
       <button
         className={clsx(
           openModalButtonClass,
-          isSubmitting ? 'loading' : '',
-          (disabled || !outcome) && 'btn-disabled bg-greyscale-2'
+          isSubmitting ? 'loading btn-disabled' : '',
+          disabled && 'btn-disabled',
+          marketType === 'binary'
+            ? !outcome
+              ? 'btn-disabled bg-greyscale-2'
+              : ''
+            : ''
         )}
         onClick={onSubmit}
       >