From 27af447b99abb312ce6ea84df411268e7bd8e56c Mon Sep 17 00:00:00 2001
From: ingawei <46611122+ingawei@users.noreply.github.com>
Date: Tue, 14 Jan 2025 14:29:02 -0800
Subject: [PATCH] button (#3351)

---
 mani/components/buttons/button.tsx         | 10 ++++++----
 mani/components/buttons/yes-no-buttons.tsx |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/mani/components/buttons/button.tsx b/mani/components/buttons/button.tsx
index 7827a422ea..2c8ee781d7 100644
--- a/mani/components/buttons/button.tsx
+++ b/mani/components/buttons/button.tsx
@@ -100,13 +100,15 @@ export function Button({
     switch (variant) {
       case 'yes':
         return {
-          background: color.yesButtonBackground,
-          text: color.yesButtonText,
+          background:
+            size === 'lg' ? color.yesButtonText : color.yesButtonBackground,
+          text: size === 'lg' ? color.background : color.yesButtonText,
         }
       case 'no':
         return {
-          background: color.noButtonBackground,
-          text: color.noButtonText,
+          background:
+            size === 'lg' ? color.noButtonText : color.noButtonBackground,
+          text: size === 'lg' ? color.background : color.noButtonText,
         }
       case 'gray':
         return {
diff --git a/mani/components/buttons/yes-no-buttons.tsx b/mani/components/buttons/yes-no-buttons.tsx
index 8ea923731c..c0c368b087 100644
--- a/mani/components/buttons/yes-no-buttons.tsx
+++ b/mani/components/buttons/yes-no-buttons.tsx
@@ -1,7 +1,7 @@
 import { Button, ButtonProps } from './button'
 
 const getWidth = (size?: ButtonProps['size']) => {
-  return size === 'xs' ? 44 : undefined
+  return size === 'xs' ? 46 : undefined
 }
 
 export function YesNoButton(props: ButtonProps) {