diff --git a/apps/dashboard/app/javascript/files/data_table.js b/apps/dashboard/app/javascript/files/data_table.js
index 42b63df5a..1d708661a 100644
--- a/apps/dashboard/app/javascript/files/data_table.js
+++ b/apps/dashboard/app/javascript/files/data_table.js
@@ -273,7 +273,7 @@ class DataTable {
     async reloadTable(url) {
         var request_url = url || history.state.currentDirectoryUrl;
 
-        // this.toggleSpinner();
+        this.toggleSpinner();
 
         try {
             const response = await fetch(request_url, { headers: { 'Accept': 'application/json' }, cache: 'no-store' });
@@ -325,10 +325,10 @@ class DataTable {
         }
     }
 
-    /* toggleSpinner() {
+    toggleSpinner() {
         document.querySelector(SPINNERID).classList.toggle('d-none');
         document.querySelector(CONTENTID).classList.toggle('d-none');
-    } */
+    }
 
     updateDotFileVisibility() {
         this.reloadTable();
diff --git a/apps/dashboard/app/views/files/_files_table.html.erb b/apps/dashboard/app/views/files/_files_table.html.erb
index 80b8a5615..9e7e91010 100755
--- a/apps/dashboard/app/views/files/_files_table.html.erb
+++ b/apps/dashboard/app/views/files/_files_table.html.erb
@@ -24,6 +24,7 @@
       <tbody>
       </tbody>
     </table>
+    <%= render partial: "spinner" %>
   </div>
 </div>