diff --git a/src/web/RestApi.h b/src/web/RestApi.h
index 399ea91f..6a528a8c 100644
--- a/src/web/RestApi.h
+++ b/src/web/RestApi.h
@@ -332,7 +332,7 @@ class RestApi {
                     if(-1 != i) {
                         i+=5;
                         String sn = tmp.substring(i, tmp.indexOf("\"", i)-1);
-                        tmp.replace(sn, String(atoll(sn.c_str()), HEX));
+                        tmp.replace(sn, String(sn) + ",\"note\":\"" + String(atoll(sn.c_str()),  HEX) + "\"");
                     }
                 }
                 response = request->beginResponse(200, F("application/json; charset=utf-8"), tmp);
diff --git a/src/web/html/setup.html b/src/web/html/setup.html
index b6b8929e..ed6c4410 100644
--- a/src/web/html/setup.html
+++ b/src/web/html/setup.html
@@ -783,7 +783,7 @@
                 cbEn.checked = (obj.enabled);
                 cbDisNightCom.checked = (obj.disnightcom);
 
-                var ser = ml("input", {name: "ser", class: "text", type: "number", max: 138999999999, value: obj.serial}, null);
+                var ser = ml("input", {name: "ser", class: "text", type: "text", pattern: "[0-9a-fA-F]{12}", value: obj.serial}, null);
                 var html = ml("div", {}, [
                     tabs(["{#TAB_GENERAL}", "{#TAB_INPUTS}", "{#TAB_RADIO}", "{#TAB_ADVANCED}"]),
                     ml("div", {id: "div{#TAB_GENERAL}", class: "tab-content"}, [