From 39db6e096d8feb96d7c60d2562d0b99f506250df Mon Sep 17 00:00:00 2001
From: keyan <keyan.kousha+huumn@gmail.com>
Date: Fri, 11 Aug 2023 17:02:53 -0500
Subject: [PATCH] restyle fund error modal

---
 components/fund-error.js | 6 +++---
 pages/wallet.js          | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/fund-error.js b/components/fund-error.js
index 9516f4fa..422860c4 100644
--- a/components/fund-error.js
+++ b/components/fund-error.js
@@ -6,12 +6,12 @@ export default function FundError ({ onClose, amount, onPayment }) {
   const createInvoice = useInvoiceable(onPayment, { forceInvoice: true })
   return (
     <>
-      <p className='fw-bolder'>you need more sats</p>
-      <div className='d-flex justify-content-end'>
+      <p className='fw-bolder text-center'>you need more sats</p>
+      <div className='d-flex pb-3 pt-2 justify-content-center'>
         <Link href='/wallet?type=fund'>
           <Button variant='success' onClick={onClose}>fund wallet</Button>
         </Link>
-        <span className='d-flex mx-3 font-weight-bold text-muted align-items-center'>or</span>
+        <span className='d-flex mx-3 fw-bold text-muted align-items-center'>or</span>
         <Button variant='success' onClick={() => createInvoice(amount)}>pay invoice</Button>
       </div>
     </>
diff --git a/pages/wallet.js b/pages/wallet.js
index 33b81772..0e2c1539 100644
--- a/pages/wallet.js
+++ b/pages/wallet.js
@@ -92,7 +92,7 @@ export function FundForm () {
   }, [])
 
   if (called && !error) {
-    return <QrSkeleton status='generating' />
+    return <QrSkeleton description status='generating' />
   }
 
   return (