diff --git a/frontend/js/views/FilesView.vue b/frontend/js/views/FilesView.vue
index 0152264..2544e05 100644
--- a/frontend/js/views/FilesView.vue
+++ b/frontend/js/views/FilesView.vue
@@ -85,10 +85,15 @@
       </div>
       <div
         v-else
-        class="text-secondary p-3 border-bottom"
+        class="p-3 border-bottom cursor"
       >
-        <i class="fa-regular fa-file"></i>
-        {{ item.name }}
+        <a
+          :href="`/api/filemanager/file/${item.id}/${item.name}`"
+          target="_blank"
+        >
+          <i class="fa-regular fa-file"></i>
+          {{ item.name }}
+        </a>
       </div>
     </div>
   </div>
@@ -368,3 +373,10 @@ const searchTree = (id, tree) => {
 
 onMounted(() => refresh())
 </script>
+
+<style scoped>
+a {
+  text-decoration: none;
+  color: var(--bs-body-color);
+}
+</style>