diff --git a/BTCPayServer/Views/PublicLightningNodeInfo/ShowLightningNodeInfo.cshtml b/BTCPayServer/Views/PublicLightningNodeInfo/ShowLightningNodeInfo.cshtml
index 53c676547..d201f2c22 100644
--- a/BTCPayServer/Views/PublicLightningNodeInfo/ShowLightningNodeInfo.cshtml
+++ b/BTCPayServer/Views/PublicLightningNodeInfo/ShowLightningNodeInfo.cshtml
@@ -31,7 +31,7 @@
             var app = new Vue({
                 el: '#app',
                 components: {
-                    qrcode: VueQr
+                    qrcode: VueQrcode
                 },
                 data: {
                     srvModel: srvModel
@@ -125,7 +125,7 @@
                 <div class="card-body m-sm-0 p-sm-0" v-if="srvModel.available">
                     <div class="qr-container mb-2">
                         <img v-bind:src="srvModel.cryptoImage" class="qr-icon"/>
-                        <qrcode v-bind:val="srvModel.nodeInfo" v-bind:size="256" bg-color="#f5f5f7" fg-color="#000">
+                        <qrcode v-bind:value="srvModel.nodeInfo" :options="{ width: 256, margin: 0, color: {dark:'#000', light:'#f5f5f7'} }">
                         </qrcode>
                     </div>
                     <div class="input-group copy" data-clipboard-target="#vue-peer-info">
diff --git a/BTCPayServer/bundleconfig.json b/BTCPayServer/bundleconfig.json
index 0a252ecd9..7e4eb8eef 100644
--- a/BTCPayServer/bundleconfig.json
+++ b/BTCPayServer/bundleconfig.json
@@ -60,7 +60,7 @@
             "wwwroot/vendor/clipboard.js/clipboard.js",
             "wwwroot/vendor/jquery/jquery.js",
             "wwwroot/vendor/vuejs/vue.min.js",
-            "wwwroot/vendor/vuejs/vue-qrcode.js",
+            "wwwroot/vendor/vue-qrcode/vue-qrcode.js",
             "wwwroot/vendor/vue-toasted/vue-toasted.min.js"
         ]
     },