diff --git a/apps/i2psnark/resources/js/search.js b/apps/i2psnark/resources/js/search.js
index 67339a5e778ac33879d11f00e2f06954576cba2d..0aa2e63561a0c0d3203d52a7d2f5ac87532a5a00 100644
--- a/apps/i2psnark/resources/js/search.js
+++ b/apps/i2psnark/resources/js/search.js
@@ -11,17 +11,30 @@ function initSearch()
 	var sch = document.getElementById("search");
 	if (sch != null) {
 		var box = document.getElementById("searchbox");
+		var cxl = document.getElementById("searchcancel");
 		sch.addEventListener("reset", function(event) {
 			if (box.value !== "") {
 				box.value = "";
 				requestAjax2(-1);
 			}
+			cxl.classList.add("disabled");
 			event.preventDefault();
 		});
 
 		box.addEventListener("input", function(event) {
+			if (box.value !== "") {
+				cxl.classList.remove("disabled");
+			} else {
+				cxl.classList.add("disabled");
+			}
 			requestAjax2(-1);
 		});
+
+		if (box.value !== "") {
+			cxl.classList.remove("disabled");
+		} else {
+			cxl.classList.add("disabled");
+		}
 	}
 }
 
diff --git a/apps/i2psnark/resources/themes/light/snark.css b/apps/i2psnark/resources/themes/light/snark.css
index 01d8ec5a81c9f4b463c61acb4b4402e99cb6b6c8..727c8ad4c6fbabf7626e252ee0006ee6e621d8ff 100644
--- a/apps/i2psnark/resources/themes/light/snark.css
+++ b/apps/i2psnark/resources/themes/light/snark.css
@@ -249,10 +249,10 @@ button::-moz-focus-inner, input::-moz-focus-inner {
 
 #searchcancel {
      background: url(images/delete.png) 0px center no-repeat;
-     margin: 2px 4px 2px -28px;
+     margin: 2px 4px 2px 4px;
      color: transparent;
      border: none;
-     width: 12px;
+     width: 20px;
 }
 
 /* end top nav */