diff --git a/src/components/pages/NodeFilesPage.vue b/src/components/pages/NodeFilesPage.vue
index e3bb3ec..89005b0 100644
--- a/src/components/pages/NodeFilesPage.vue
+++ b/src/components/pages/NodeFilesPage.vue
@@ -260,6 +260,10 @@ export default {
                 return;
             }
 
+            // remove from ui
+            FileTransferrer.removeFileTransfer(fileTransfer);
+
+            // tell remove node we are cancelling it
             try {
                 await FileTransferrer.cancelFileTransfer(fileTransfer);
             } catch(e) {
@@ -274,6 +278,7 @@ export default {
                 return;
             }
 
+            // remove from ui
             FileTransferrer.removeFileTransfer(fileTransfer);
 
         },