diff --git a/frontend/src/components/files/ListingItem.vue b/frontend/src/components/files/ListingItem.vue
index f7733b87..62b2de1e 100644
--- a/frontend/src/components/files/ListingItem.vue
+++ b/frontend/src/components/files/ListingItem.vue
@@ -30,6 +30,10 @@
       <p class="modified">
         <time :datetime="modified">{{ humanTime() }}</time>
       </p>
+
+      <a class="" target=”_blank” @click="openInNewTab">
+        open in new tab
+      </a>
     </div>
   </div>
 </template>
@@ -249,6 +253,10 @@ export default {
     open: function () {
       this.$router.push({ path: this.url });
     },
+    openInNewTab: function () {
+      const routeUrl = this.$router.resolve({path: this.url});
+      window.open(routeUrl.href, '_blank');
+    },
   },
 };
 </script>