diff --git a/templates/portfolio/card.html b/templates/portfolio/card.html
index e0b0a82..bc1d51d 100644
--- a/templates/portfolio/card.html
+++ b/templates/portfolio/card.html
@@ -1,5 +1,9 @@
 {{#metadata}} {{#info}} {{#portfolio}} {{#link}}
-<li role="button" onmouseup="openLink('{{link}}');">
+<li
+  role="button"
+  onmousedown="disableScroll()"
+  onmouseup="openLink('{{link}}');"
+>
   {{>portfolio/project.html}}
 </li>
 {{/link}} {{^link}}
diff --git a/templates/portfolio/index.html b/templates/portfolio/index.html
index 4a3e6fb..596aecd 100644
--- a/templates/portfolio/index.html
+++ b/templates/portfolio/index.html
@@ -42,6 +42,13 @@
         })
       );
 
+      /* Middle click */
+      const disableScroll = () => {
+        if (event.button === 1) {
+          event.preventDefault();
+        }
+      };
+
       /* Open cards link */
       const openLink = (url) => {
         const backgroundtab = () =>
@@ -62,12 +69,12 @@
               window.open(url, "_blank", "noreferrer");
             }
             break;
+
           case 1:
             /* Middle click */
-            event.preventDefault();
             backgroundtab();
-
             break;
+
           default:
             break;
         }