diff --git a/files/root/index.html b/files/root/index.html
index 64c5d60..60629ab 100644
--- a/files/root/index.html
+++ b/files/root/index.html
@@ -54,6 +54,13 @@
         color: #fff;
         opacity: 0.3;
       }
+      input[type=number] {
+        -moz-appearance: textfield;
+      }
+      input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+      }
       input.amount {
         width: 300px;
       }
diff --git a/rice-box.go b/rice-box.go
index 0fe1b80..fd820f7 100644
--- a/rice-box.go
+++ b/rice-box.go
@@ -12,15 +12,15 @@ func init() {
 	// define files
 	file2 := &embedded.EmbeddedFile{
 		Filename:    "index.html",
-		FileModTime: time.Unix(1603402565, 0),
+		FileModTime: time.Unix(1603539049, 0),
 
-		Content: string("<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\">\n    <title>⚡ Send me some Sats</title>\n    <link href=\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap\" rel=\"stylesheet\" />\n    <style>\n      html {\n        width: 100%;\n        height: 100%;\n        font-size: 1vw;\n      }\n      body {\n        background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);\n        font-family: 'Source Code Pro', monospace;\n      }\n      .wrapper {\n        font-weight: 400;\n        line-height: 1.25;\n        margin-bottom: 1rem;\n        font-size: 4em;\n        color: #fff;\n        width: 640px;\n        margin: 1em auto;\n        text-align: center;\n      }\n      .note {\n        font-size: 0.2em;\n      }\n      .wrapper h1 {\n        font-weight: 700;\n      }\n      .wrapper h2 {\n        font-weight: 400;\n      }\n      .wrapper a, .wrapper a:visited, .wrapper a:active {\n        color: #fff;\n        text-decoration:none;\n      }\n      .wrapper p {\n        margin: 0.5em 0;\n      }\n      input, input:focus {\n        outline: none;\n        background-color: transparent;\n        font-size: 1em;\n        font-weight: 700;\n        border: none;\n        border-bottom: 1px solid #fff;\n        text-align: center;\n        color: #fff;\n      }\n      ::placeholder {\n        color: #fff;\n        opacity: 0.3;\n      }\n      input.amount {\n        width: 300px;\n      }\n      input.memo {\n        width: 100%;\n      }\n      button {\n        color: #fff;\n        font-weight: 400;\n        font-size: 0.5em;\n        line-height: 1.5;\n        font-weight: 400;\n        width: 100%;\n        cursor: pointer;\n        border: none;\n        border-radius: 30px;\n        background-color: #2b76b9;\n      }\n      h2.lnme-value, h1.lnme-memo {\n        font-size: 2em;\n        font-weight: 400;\n      }\n\n      .lnme-wrapper {\n        margin-top: 1em;\n        font-size: 0.5em;\n        width: 100%;\n        white-space: nowrap;\n      }\n      .lnme-details {\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n      .lnme-link {\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n      .lnme-copy {\n        cursor: pointer;\n      }\n    </style>\n  </head>\n  <body>\n    <div class=\"wrapper\">\n      <div class=\"form\" id=\"form\">\n        <p>\n          Send me<br>\n          <input type=\"number\" placeholder=\"10000\" class=\"amount\" id=\"amount\" autocomplete=\"off\" min=\"100\"> Sats\n          <br>\n          for\n          <br>\n          <input type=\"text\" class=\"memo\" id=\"memo\" placeholder=\"message\" autocomplete=\"off\">\n        </p>\n\n        <button id=\"send-button\">⚡ Send ⚡</button>\n\n        <p id=\"onchain\" class=\"note\">\n          <a href=\"#\" id=\"get-new-address\" class=\"onchain\">Prefer onchain Bitcoin? Click here!</a>\n        </p>\n\n        <div id=\"lnme-wrapper\" class=\"lnme-wrapper\" style=\"display:none\">\n          <div class=\"lnme-qrcode\"></div>\n          <div class=\"lnme-details\">\n            <a href=\"#\" class=\"lnme-link\"><span class=\"lnme-payment-request\"></span></a>\n            <div class=\"lnme-copy\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-copy\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path></svg>\n            </div>\n          </div>\n        </div>\n\n        <div id=\"loader\" style=\"display:none\">\n          <svg version=\"1.1\" id=\"loader-1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" width=\"40px\" height=\"40px\" viewBox=\"0 0 50 50\" style=\"enable-background:new 0 0 50 50;\" xml:space=\"preserve\">\n            <path fill=\"#000\" d=\"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z\">\n              <animateTransform attributeType=\"xml\" attributeName=\"transform\" type=\"rotate\" from=\"0 25 25\" to=\"360 25 25\" dur=\"0.6s\" repeatCount=\"indefinite\"/>\n            </path>\n          </svg>\n        </div>\n      </div>\n    </div>\n\n    <script src=\"/lnme/lnme.js\" id=\"lnme-script\"></script>\n    <script>\n      document.getElementById(\"get-new-address\").addEventListener('click', function(e) {\n        e.preventDefault();\n        var lnme = new LnMe({});\n        lnme.newAddress().then(address => {\n          document.getElementById(\"onchain\").innerHTML = address;\n        });\n      });\n\n      var urlParams = new URLSearchParams(window.location.search);\n      if (urlParams.get('amount')) {\n        document.getElementById('amount').value = urlParams.get('amount');\n      }\n      if (urlParams.get('memo')) {\n        document.getElementById('memo').value = urlParams.get('memo');\n      }\n      document.getElementById('send-button').addEventListener('click', function(e) {\n        e.preventDefault();\n        document.getElementById('loader').style.display = 'block';\n\n        var amountElement = document.getElementById('amount');\n        var memoElement = document.getElementById('memo');\n\n        e.target.setAttribute('disabled', true);\n        amountElement.setAttribute('disabled', true);\n        memoElement.setAttribute('disabled', true);\n\n        var lnme = new LnMe({ value: amountElement.value, memo: memoElement.value, target: document.getElementById('lnme-wrapper') });\n\n        lnme.showPaymentRequest = function() {\n          document.getElementById('send-button').style.display = 'none';\n          document.getElementById('lnme-wrapper').style.display = 'block';\n          this.populatePaymentRequest();\n        }\n        lnme.thanks = function() {\n          document.getElementById('form').innerHTML = '<h1 class=\"lnme-headline\">Thanks!</h1>';\n        }\n        lnme.request();\n      });\n    </script>\n  </body>\n</html>\n"),
+		Content: string("<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\">\n    <title>⚡ Send me some Sats</title>\n    <link href=\"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap\" rel=\"stylesheet\" />\n    <style>\n      html {\n        width: 100%;\n        height: 100%;\n        font-size: 1vw;\n      }\n      body {\n        background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);\n        font-family: 'Source Code Pro', monospace;\n      }\n      .wrapper {\n        font-weight: 400;\n        line-height: 1.25;\n        margin-bottom: 1rem;\n        font-size: 4em;\n        color: #fff;\n        width: 640px;\n        margin: 1em auto;\n        text-align: center;\n      }\n      .note {\n        font-size: 0.2em;\n      }\n      .wrapper h1 {\n        font-weight: 700;\n      }\n      .wrapper h2 {\n        font-weight: 400;\n      }\n      .wrapper a, .wrapper a:visited, .wrapper a:active {\n        color: #fff;\n        text-decoration:none;\n      }\n      .wrapper p {\n        margin: 0.5em 0;\n      }\n      input, input:focus {\n        outline: none;\n        background-color: transparent;\n        font-size: 1em;\n        font-weight: 700;\n        border: none;\n        border-bottom: 1px solid #fff;\n        text-align: center;\n        color: #fff;\n      }\n      ::placeholder {\n        color: #fff;\n        opacity: 0.3;\n      }\n      input[type=number] {\n        -moz-appearance: textfield;\n      }\n      input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {\n        -webkit-appearance: none;\n        margin: 0;\n      }\n      input.amount {\n        width: 300px;\n      }\n      input.memo {\n        width: 100%;\n      }\n      button {\n        color: #fff;\n        font-weight: 400;\n        font-size: 0.5em;\n        line-height: 1.5;\n        font-weight: 400;\n        width: 100%;\n        cursor: pointer;\n        border: none;\n        border-radius: 30px;\n        background-color: #2b76b9;\n      }\n      h2.lnme-value, h1.lnme-memo {\n        font-size: 2em;\n        font-weight: 400;\n      }\n\n      .lnme-wrapper {\n        margin-top: 1em;\n        font-size: 0.5em;\n        width: 100%;\n        white-space: nowrap;\n      }\n      .lnme-details {\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n      .lnme-link {\n        text-overflow: ellipsis;\n        overflow: hidden;\n      }\n      .lnme-copy {\n        cursor: pointer;\n      }\n    </style>\n  </head>\n  <body>\n    <div class=\"wrapper\">\n      <div class=\"form\" id=\"form\">\n        <p>\n          Send me<br>\n          <input type=\"number\" placeholder=\"10000\" class=\"amount\" id=\"amount\" autocomplete=\"off\" min=\"100\"> Sats\n          <br>\n          for\n          <br>\n          <input type=\"text\" class=\"memo\" id=\"memo\" placeholder=\"message\" autocomplete=\"off\">\n        </p>\n\n        <button id=\"send-button\">⚡ Send ⚡</button>\n\n        <p id=\"onchain\" class=\"note\">\n          <a href=\"#\" id=\"get-new-address\" class=\"onchain\">Prefer onchain Bitcoin? Click here!</a>\n        </p>\n\n        <div id=\"lnme-wrapper\" class=\"lnme-wrapper\" style=\"display:none\">\n          <div class=\"lnme-qrcode\"></div>\n          <div class=\"lnme-details\">\n            <a href=\"#\" class=\"lnme-link\"><span class=\"lnme-payment-request\"></span></a>\n            <div class=\"lnme-copy\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-copy\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path></svg>\n            </div>\n          </div>\n        </div>\n\n        <div id=\"loader\" style=\"display:none\">\n          <svg version=\"1.1\" id=\"loader-1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" width=\"40px\" height=\"40px\" viewBox=\"0 0 50 50\" style=\"enable-background:new 0 0 50 50;\" xml:space=\"preserve\">\n            <path fill=\"#000\" d=\"M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z\">\n              <animateTransform attributeType=\"xml\" attributeName=\"transform\" type=\"rotate\" from=\"0 25 25\" to=\"360 25 25\" dur=\"0.6s\" repeatCount=\"indefinite\"/>\n            </path>\n          </svg>\n        </div>\n      </div>\n    </div>\n\n    <script src=\"/lnme/lnme.js\" id=\"lnme-script\"></script>\n    <script>\n      document.getElementById(\"get-new-address\").addEventListener('click', function(e) {\n        e.preventDefault();\n        var lnme = new LnMe({});\n        lnme.newAddress().then(address => {\n          document.getElementById(\"onchain\").innerHTML = address;\n        });\n      });\n\n      var urlParams = new URLSearchParams(window.location.search);\n      if (urlParams.get('amount')) {\n        document.getElementById('amount').value = urlParams.get('amount');\n      }\n      if (urlParams.get('memo')) {\n        document.getElementById('memo').value = urlParams.get('memo');\n      }\n      document.getElementById('send-button').addEventListener('click', function(e) {\n        e.preventDefault();\n        document.getElementById('loader').style.display = 'block';\n\n        var amountElement = document.getElementById('amount');\n        var memoElement = document.getElementById('memo');\n\n        e.target.setAttribute('disabled', true);\n        amountElement.setAttribute('disabled', true);\n        memoElement.setAttribute('disabled', true);\n\n        var lnme = new LnMe({ value: amountElement.value, memo: memoElement.value, target: document.getElementById('lnme-wrapper') });\n\n        lnme.showPaymentRequest = function() {\n          document.getElementById('send-button').style.display = 'none';\n          document.getElementById('lnme-wrapper').style.display = 'block';\n          this.populatePaymentRequest();\n        }\n        lnme.thanks = function() {\n          document.getElementById('form').innerHTML = '<h1 class=\"lnme-headline\">Thanks!</h1>';\n        }\n        lnme.request();\n      });\n    </script>\n  </body>\n</html>\n"),
 	}
 
 	// define dirs
 	dir1 := &embedded.EmbeddedDir{
 		Filename:   "",
-		DirModTime: time.Unix(1603402565, 0),
+		DirModTime: time.Unix(1603539049, 0),
 		ChildFiles: []*embedded.EmbeddedFile{
 			file2, // "index.html"
 
@@ -33,7 +33,7 @@ func init() {
 	// register embeddedBox
 	embedded.RegisterEmbeddedBox(`files/root`, &embedded.EmbeddedBox{
 		Name: `files/root`,
-		Time: time.Unix(1603402565, 0),
+		Time: time.Unix(1603539049, 0),
 		Dirs: map[string]*embedded.EmbeddedDir{
 			"": dir1,
 		},
