diff --git a/src/components/bc-modal.ts b/src/components/bc-modal.ts
index f7e4b8a..2b08287 100644
--- a/src/components/bc-modal.ts
+++ b/src/components/bc-modal.ts
@@ -18,6 +18,7 @@ export class Modal extends withTwind()(BitcoinConnectElement) {
         class="absolute top-0 left-0 w-full h-full -z-10 ${classes[
           'bg-foreground'
         ]} animate-darken"
+        @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
diff --git a/src/components/flows/bc-payment.ts b/src/components/flows/bc-payment.ts
index 4f72c63..0be8dc7 100644
--- a/src/components/flows/bc-payment.ts
+++ b/src/components/flows/bc-payment.ts
@@ -66,7 +66,7 @@ export class SendPaymentFlow extends withTwind()(BitcoinConnectElement) {
 
   override render() {
     return this._showConnect && !this.paid
-      ? html` <bc-connect></bc-connect>`
+      ? html` <bc-connect closable=${true}></bc-connect>`
       : html`<div class="w-full flex-col justify-center items-center">
           <bc-modal-header class="flex w-full" ?closable=${this.closable}>
             <p
diff --git a/src/index.ts b/src/index.ts
index 7080d85..1a31159 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -22,4 +22,4 @@ export const WebLNProviders = {
   LnbitsWebLNProvider,
 };
 
-export {PaymentMethods} from './types/PaymentMethods';
+export * from './types/PaymentMethods';