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) {