diff --git a/static/skin/home.css b/static/skin/home.css
index e1a539793..f7742d8a9 100644
--- a/static/skin/home.css
+++ b/static/skin/home.css
@@ -330,7 +330,11 @@ body {
     text-decoration: none;
 }
 
-.modal-content a>div {
+.modal-content span {
+    cursor: pointer;
+}
+
+.modal-content a>div, .modal-content span>div {
     position: relative;
     top: -26px;
     left: 50px;
diff --git a/static/skin/index.js b/static/skin/index.js
index 487f70aba..a5904e583 100644
--- a/static/skin/index.js
+++ b/static/skin/index.js
@@ -153,10 +153,10 @@
                             </a>
                         </div>
                         <div class="modal-regular-download">
-                            <a href="${downloadLink}.magnet">
+                            <span onclick="fetchAndRedirect('${downloadLink}.magnet')">
                                 <img src="../skin/magnet.png" alt="download magnet" />
                                 <div>Download magnet link</div>
-                            </a>
+                            </span>
                         </div>
                         <div class="modal-regular-download">
                             <a href="${downloadLink}.torrent" download>
diff --git a/static/templates/index.html b/static/templates/index.html
index c6f05aa42..41c0b294a 100644
--- a/static/templates/index.html
+++ b/static/templates/index.html
@@ -77,5 +77,10 @@
         modal.remove();
       }
     }
+    async function fetchAndRedirect(link) {
+      const response = await fetch(link);
+      const magnetLink = await response.text();
+      window.location = magnetLink;
+    }
   </script>
 </html>