diff --git a/src/public/javascripts/services/note_detail_file.js b/src/public/javascripts/services/note_detail_file.js
index c8794db6a..df8a7f657 100644
--- a/src/public/javascripts/services/note_detail_file.js
+++ b/src/public/javascripts/services/note_detail_file.js
@@ -5,6 +5,7 @@ import noteDetailService from "./note_detail.js";
 
 const $component = $('#note-detail-file');
 
+const $fileNoteId = $("#file-note-id");
 const $fileName = $("#file-filename");
 const $fileType = $("#file-filetype");
 const $fileSize = $("#file-filesize");
@@ -21,6 +22,7 @@ async function show() {
 
     $component.show();
 
+    $fileNoteId.text(currentNote.noteId);
     $fileName.text(attributeMap.originalFileName || "?");
     $fileSize.text((attributeMap.fileSize || "?") + " bytes");
     $fileType.text(currentNote.mime);
diff --git a/src/views/details/file.ejs b/src/views/details/file.ejs
index a0363aedb..2d4075ef5 100644
--- a/src/views/details/file.ejs
+++ b/src/views/details/file.ejs
@@ -1,5 +1,9 @@
 <div id="note-detail-file" class="note-detail-component">
     <table id="file-table">
+        <tr>
+            <th>Note ID:</th>
+            <td id="file-note-id"></td>
+        </tr>
         <tr>
             <th>Original file name:</th>
             <td id="file-filename"></td>