diff --git a/public/index.css b/public/index.css
index e38bee7..77144c0 100644
--- a/public/index.css
+++ b/public/index.css
@@ -41,6 +41,10 @@ nav > form > button:hover {
   color: #ffffff;
 }
 
+#lnauth-qr > a:hover {
+  background: none;
+}
+
 hr {
   border: none;
   height: 1px;
diff --git a/template/login.html b/template/login.html
index 0bdcf56..d0d91f6 100644
--- a/template/login.html
+++ b/template/login.html
@@ -36,7 +36,7 @@
       </code>
       <div id="lnauth-qr">
         <div class="mb-1">Login with Lightning</div>
-        <img class="m-auto mb-1" src="data:image/png;base64,{{.qr}}" width="100%"/>
+        <a href="lightning:{{.lnurl}}"><img class="m-auto mb-1" src="data:image/png;base64,{{.qr}}" width="100%"/></a>
         <div class="font-mono word-wrap">{{.lnurl}}</div>
       </div>
       <div id="lnauth-success" hidden>