diff --git a/templates/nostrrelay/public.html b/templates/nostrrelay/public.html
index 1a7a96b..a0ec3c3 100644
--- a/templates/nostrrelay/public.html
+++ b/templates/nostrrelay/public.html
@@ -46,8 +46,10 @@
               :content-inset-level="0.5"
               default-opened
             >
-              <div class="q-ma-xl">
-                <q-responsive :ratio="1" class="q-ma-xl q-mx-md">
+              <div class="row">
+                <div class="col-3"></div>
+                <div class="col-6">
+                <q-responsive :ratio="1">
                   <qrcode
                     :value="'lightning:'+joinInvoice"
                     :options="{width: 340}"
@@ -55,6 +57,8 @@
                   ></qrcode>
                 </q-responsive>
               </div>
+                <div class="col-3"></div>
+              </div>
             </q-expansion-item>
           </q-card-section>
         </q-card>
@@ -167,6 +171,7 @@
               pubkey: this.pubkey
             }
           )
+          console.log('### data.invoice', data.invoice)
           this.joinInvoice = data.invoice
         } catch (error) {
           LNbits.utils.notifyApiError(error)