diff --git a/dev/vite/index.html b/dev/vite/index.html
index 25e9309..674e16a 100644
--- a/dev/vite/index.html
+++ b/dev/vite/index.html
@@ -40,7 +40,11 @@
         document
           .getElementById('pay-button')
           .addEventListener('click', async () => {
-            const payButtonInvoice = await ln.requestInvoice({satoshi: 1});
+            const payButtonInvoice = await ln.requestInvoice({
+              satoshi: 1,
+              //comment:
+              //  "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s",
+            });
             document
               .getElementById('pay-button')
               .setAttribute('invoice', payButtonInvoice.paymentRequest);
diff --git a/src/components/bc-modal.ts b/src/components/bc-modal.ts
index b106872..6b3b02a 100644
--- a/src/components/bc-modal.ts
+++ b/src/components/bc-modal.ts
@@ -17,8 +17,8 @@ export class Modal extends withTwind()(BitcoinConnectElement) {
         @click=${this._handleClose}
       ></div>
       <div
-        class="transition-all p-4 pt-6 pb-8 rounded-2xl shadow-2xl flex justify-center items-center w-full bg-white dark:bg-black max-w-md max-sm:rounded-b-none
-        animate-fade-in max-sm:animate-slide-up"
+        class="transition-all p-4 pt-6 pb-8 rounded-2xl shadow-2xl flex flex-col w-full bg-white dark:bg-black max-w-md max-sm:rounded-b-none
+        animate-fade-in max-sm:animate-slide-up max-h-[90vh] overflow-y-auto"
       >
         <slot @onclose=${this._handleClose}></slot>
       </div>
diff --git a/src/components/pages/bc-send-payment.ts b/src/components/pages/bc-send-payment.ts
index bb58f08..dca3b40 100644
--- a/src/components/pages/bc-send-payment.ts
+++ b/src/components/pages/bc-send-payment.ts
@@ -128,11 +128,13 @@ export class SendPayment extends withTwind()(BitcoinConnectElement) {
     }
 
     if (this.paymentMethods === 'all' || this.paymentMethods === 'external') {
-      externalMethods = html`
-        <bci-button block @click=${this._copyAndDisplayInvoice}>
-          ${qrIcon} Copy & Display Invoice
-        </bci-button>
-      `;
+      if (!this._showQR) {
+        externalMethods = html`
+          <bci-button block @click=${this._copyAndDisplayInvoice}>
+            ${qrIcon} Copy & Display Invoice
+          </bci-button>
+        `;
+      }
 
       if (this._showQR) {
         qrSection = this.renderQR();
@@ -150,7 +152,9 @@ export class SendPayment extends withTwind()(BitcoinConnectElement) {
           : null}
         ${internalMethods} ${externalMethods}
       </div>
-      ${qrSection}
+      ${qrSection
+        ? html`<div class="mt-4 flex flex-col items-center">${qrSection}</div>`
+        : null}
     `;
   }
 
@@ -216,7 +220,7 @@ export class SendPayment extends withTwind()(BitcoinConnectElement) {
       qr.addData(invoice);
       qr.make();
       const moduleCount = qr.getModuleCount();
-      const scale = 4;
+      const scale = 2;
       canvas.width = moduleCount * scale;
       canvas.height = moduleCount * scale;