diff --git a/src/page-index/main.js b/src/page-index/main.js
index 9500b75..d398ace 100644
--- a/src/page-index/main.js
+++ b/src/page-index/main.js
@@ -25,6 +25,7 @@ function DocumentList(props) {
     useEffect(() => {
         async function inner() {
             const result = await api.queryDocuments(queryParams.offset, queryParams.limit, queryParams.orderBy);
+            setDocs(result.docs)
             setTotal(result.total)
             setLoading(false);
         }
@@ -80,8 +81,8 @@ function DocumentList(props) {
                             <span className="sr-only">Loading...</span>
                         </div>
                     </div>
-                ) : docs.length === 0 ? (
-                    <div class="d-flex justify-content-center mt-4">
+                ) : total === 0 ? (
+                    <div className="d-flex justify-content-center mt-4">
                       No documents were found on your system. Please consult the documentation for notes on&nbsp;
                       <a href="https://gucorpling.github.io/midas-loop/#_importing">how to import documents</a>.
                     </div>