diff --git a/assets/js/offline-search.js b/assets/js/offline-search.js
index ec79d2b6..71d9fe67 100644
--- a/assets/js/offline-search.js
+++ b/assets/js/offline-search.js
@@ -121,9 +121,12 @@ search backend.
         .append($("<span>")
           .text("Search results")
           .css({ fontWeight: "bold" }))
-        .append($("<span>")
+        .append($("<button>")
           .addClass("td-offline-search-results__close-button")
-          .attr("role", "button")
+          .addClass("btn")
+          .addClass("btn-sm")
+          .addClass("btn-link")
+          .attr("type", "button")
           .attr("aria-label", "Close")
           .on("click", () => {
             $targetSearchInput.val("");
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index f6a4897f..0b69fc85 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -677,3 +677,8 @@ dd {
 .td-offline-search-results .spinner-container {
   text-align: center;
 }
+
+.td-offline-search-results__close-button {
+  // Prevent the label from rendering white on white.
+  --bs-btn-color: unset;
+}
\ No newline at end of file