From 1d8bce943da8fe1da47655af6773af3e96dedb5b Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 12 Sep 2024 10:03:35 -0500
Subject: [PATCH] Increase the zap modal size

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

diff --git a/src/features/ui/components/modals/zap-pay-request.tsx b/src/features/ui/components/modals/zap-pay-request.tsx
index 537848c8c..23ed89a9f 100644
--- a/src/features/ui/components/modals/zap-pay-request.tsx
+++ b/src/features/ui/components/modals/zap-pay-request.tsx
@@ -19,7 +19,7 @@ const ZapPayRequestModal: React.FC<IZapPayRequestModal> = ({ account, status, on
 
 
   return (
-    <Modal width='lg'>
+    <Modal width='2xl'>
       <ZapPayRequestForm account={account} status={status} onClose={onClickClose} />
     </Modal>
   );
diff --git a/src/features/zap/components/zap-pay-request-form.tsx b/src/features/zap/components/zap-pay-request-form.tsx
index f7449ebc8..095b4e00b 100644
--- a/src/features/zap/components/zap-pay-request-form.tsx
+++ b/src/features/zap/components/zap-pay-request-form.tsx
@@ -85,7 +85,7 @@ const ZapPayRequestForm = ({ account, status, onClose }: IZapPayRequestForm) =>
         <DisplayNameInline account={account} />
       </Stack>
 
-      <div className='flex justify-center'>
+      <div className='flex w-full justify-center'>
         {ZAP_PRESETS.map(({ amount, icon }) => (
           <ZapButton
             onClick={() => setZapAmount(amount)}