diff --git a/src/main/resources/static/contentUtility.js b/src/main/resources/static/contentUtility.js
index ff48f52..c8adbb8 100644
--- a/src/main/resources/static/contentUtility.js
+++ b/src/main/resources/static/contentUtility.js
@@ -17,8 +17,10 @@ export function fetchQuery(fetchString, clearResults) {
 function parseContent(content, clearResults) {
     if (content.length === 0) {
         searchSection.querySelector("#nothing-found ").classList.remove("hidden");
+        searchSection.querySelector(".datasets").classList.add("hidden");
     } else {
         searchSection.querySelector("#nothing-found").classList.add("hidden");
+        searchSection.querySelector(".datasets").classList.remove("hidden");
         const datasets = content.map(dataset => new Dataset(dataset));
         if (clearResults) {
             Array.from(searchSection.querySelectorAll(".datasets .dataset")).forEach(e => e.remove());
diff --git a/src/main/resources/static/main.css b/src/main/resources/static/main.css
index ab5e5bf..8a0b141 100644
--- a/src/main/resources/static/main.css
+++ b/src/main/resources/static/main.css
@@ -78,10 +78,6 @@ header {
     text-align: center;
 }
 
-.hidden {
-    display: none;
-}
-
 #search-entry:focus-visible {
     outline: none;
 }
@@ -93,6 +89,11 @@ header {
     gap: 1rem;
 }
 
+.hidden {
+    display: none;
+}
+
+
 @container (width < 60ch) {
     .datasets {
         grid-template-columns: 1fr;
diff --git a/src/main/resources/static/main.js b/src/main/resources/static/main.js
index cb558ac..3501471 100644
--- a/src/main/resources/static/main.js
+++ b/src/main/resources/static/main.js
@@ -47,10 +47,10 @@ searchButton.addEventListener("click", () => {
 });
 
 searchBar.addEventListener("input", () => {
-    updateSections();
     clearTimeout(searchBarTimeout);
     searchBarTimeout = setTimeout(() => {
         fetchQuery(createQuery(), true);
+        updateSections();
     }, searchDelay);
 });