diff --git a/frontend/src/components/FileViewer.svelte b/frontend/src/components/FileViewer.svelte
index 39adf79..e9c1536 100644
--- a/frontend/src/components/FileViewer.svelte
+++ b/frontend/src/components/FileViewer.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import {Button, Spinner} from 'flowbite-svelte';
     import {Download} from 'carbon-icons-svelte';
-    import {api, rpc, token, workingWrapperR} from '../store';
+    import {api, download, rpc, token, workingWrapperR} from '../store';
     import {onDestroy} from 'svelte';
 
     export let node: api.Node;
@@ -38,7 +38,7 @@
     onDestroy(() => { if (src.startsWith('blob')) URL.revokeObjectURL(src); });
 </script>
 
-<Button class="w-full mb-6"><Download />Download</Button>
+<Button class="w-full mb-6" on:click={() => download($token ?? '', [node])}><Download />Download</Button>
 {#if can_display && !loading && src === ''}
     <Button class="w-full" outline on:click={load}>Load</Button>
 {:else if loading}