From bbd03965e0bd797aec3bee4f5d60a8de627f50cd Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 12 Sep 2024 08:15:52 -0500
Subject: [PATCH] Fix zap button height

---
 src/features/zap/components/zap-button/zap-button.tsx | 4 ++--
 src/features/zap/components/zap-pay-request-form.tsx  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/features/zap/components/zap-button/zap-button.tsx b/src/features/zap/components/zap-button/zap-button.tsx
index a17732f77..4615afb8c 100644
--- a/src/features/zap/components/zap-button/zap-button.tsx
+++ b/src/features/zap/components/zap-button/zap-button.tsx
@@ -50,12 +50,12 @@ const ZapButton = React.forwardRef<HTMLButtonElement, IButton>((props, ref): JSX
       type={type}
       data-testid='button'
     >
-      <div className={clsx(className, { 'flex flex-col items-center w-14 !box-border place-content-center border font-medium p-2 rounded-xl focus:outline-none focus:ring-2 focus:ring-offset-2 appearance-none transition-all sm:p-4 sm:w-20': true,
+      <div className={clsx(className, '!box-border flex h-full w-14 appearance-none flex-col place-content-center items-center rounded-xl border p-2 font-medium transition-all focus:outline-none focus:ring-2 focus:ring-offset-2 sm:w-20 sm:p-4', {
         'select-none disabled:opacity-75 disabled:cursor-default': disabled,
         'bg-primary-500 hover:bg-primary-400 dark:hover:bg-primary-600 border-transparent focus:bg-primary-500 text-gray-100 focus:ring-primary-300': selected,
         'border border-solid bg-transparent border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-900 dark:text-gray-100 focus:ring-primary-500': !selected })}
       >
-        <img className='w-16' src={icon} alt='stack coin' />
+        <img className='w-16' src={icon} alt='' />
         <span className='text-base sm:text-2xl'>
           <p>
             {shortNumberFormat(amount)}
diff --git a/src/features/zap/components/zap-pay-request-form.tsx b/src/features/zap/components/zap-pay-request-form.tsx
index 74ed380e2..8ee0bf04f 100644
--- a/src/features/zap/components/zap-pay-request-form.tsx
+++ b/src/features/zap/components/zap-pay-request-form.tsx
@@ -82,7 +82,7 @@ const ZapPayRequestForm = ({ account, status, onClose }: IZapPayRequestForm) =>
         <DisplayNameInline account={account} />
       </Stack>
 
-      <div className='flex justify-center '>
+      <div className='flex justify-center'>
         {ZAP_AMOUNTS.map((amount, i) => <ZapButton onClick={() => setZapAmount(amount)} className='m-0.5 sm:m-1' selected={zapAmount === amount} icon={ZAP_ICONS[i]} amount={amount} />)}
       </div>