added reset to close button

assets/js/theme/body.js

 window.addEventListener('load', () => {
     document.body.classList.add('is-loaded');
-});
-window.addEventListener('DOMContentLoaded', (event) => {
-    new PagefindUI({ element: "#search", showSubResults: true });
-});
+});
\ No newline at end of file

assets/js/theme/design-system/search.js

 class Search {
-    constructor(button) {
+    constructor(button, pageFind) {
         this.button = button;
         this.element = document.querySelector('.search__modal');
         this.closeButton = this.element.querySelector('.search__close');
+        this.searchInstance = pageFind;
+
 
         if (!this.element) {
             return;
@@ -26,7 +28,7 @@ class Search {
             }
         });
         this.closeButton.addEventListener('click', () => {
-            this.element.querySelector('form').reset();
+            this.searchInstance.triggerSearch(' ');
             this.toggle(false);
         });
 
@@ -78,7 +80,17 @@ class Search {
 }
 
 // Selectors
-(function () {
-    const searchButton = document.querySelector(".pagefind-ui__toggle");
-    new Search(searchButton);
-})();
+window.addEventListener('DOMContentLoaded', (event) => {
+    const pageFindSearch = document.querySelector("#search");
+    
+    if (pageFindSearch) {
+        let pageFind = new PagefindUI({ element: pageFindSearch, showSubResults: true });
+        (function () {
+            const searchButton = document.querySelector(".pagefind-ui__toggle");
+            new Search(searchButton, pageFind);
+        })();
+    } 
+    else {
+        return;
+    }
+});