diff --git a/web/src/component/FilesTable.js b/web/src/component/FilesTable.js
index 1ebe780..7215f54 100644
--- a/web/src/component/FilesTable.js
+++ b/web/src/component/FilesTable.js
@@ -1,6 +1,9 @@
 import FileEntry from "./FileEntry";
 
 function FilesTable(props) {
+  if (props.files.length === 0) {
+    return null;
+  }
   return (
     <table>
       <thead>
diff --git a/web/src/component/FoldersTable.js b/web/src/component/FoldersTable.js
index 14b9654..6b645ab 100644
--- a/web/src/component/FoldersTable.js
+++ b/web/src/component/FoldersTable.js
@@ -2,6 +2,9 @@ import { useNavigate } from "react-router";
 
 function FoldersTable(props) {
   let navigate = useNavigate();
+  if (props.folders.length === 0) {
+    return null;
+  }
   return (
     <table>
       <thead>