diff --git a/web/components/yes-no-selector.tsx b/web/components/yes-no-selector.tsx index 9e3174e7..43e60585 100644 --- a/web/components/yes-no-selector.tsx +++ b/web/components/yes-no-selector.tsx @@ -47,11 +47,10 @@ function Button(props: { className={classNames( 'inline-flex items-center px-8 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white', !hideFocusRing && 'focus:outline-none focus:ring-2 focus:ring-offset-2', - color === 'green' && - 'btn-primary', + color === 'green' && 'btn-primary', color === 'red' && 'bg-red-400 hover:bg-red-500 focus:ring-red-400', color === 'deemphasized' && - 'text-gray-700 bg-gray-200 hover:bg-gray-300 focus:ring-gray-300', + 'text-gray-700 bg-gray-300 hover:bg-gray-400 focus:ring-gray-400', className )} onClick={onClick}