diff --git a/code/html/src/settings.mjs b/code/html/src/settings.mjs
index 282496bf..4352bf5a 100644
--- a/code/html/src/settings.mjs
+++ b/code/html/src/settings.mjs
@@ -695,12 +695,12 @@ export function setSpanValue(span, value) {
         }
 
         let content = "";
-        if (span.attributes.pre) {
-            content += span.attributes.pre.value;
+        if (span.dataset["pre"]) {
+            content += span.dataset["pre"];
         }
         content += value;
-        if (span.attributes.post) {
-            content += span.attributes.post.value;
+        if (span.dataset["post"]) {
+            content += span.dataset["post"];
         }
         span.textContent = content;
     }
diff --git a/code/html/src/status.html b/code/html/src/status.html
index b9f05487..7a824eab 100644
--- a/code/html/src/status.html
+++ b/code/html/src/status.html
@@ -10,7 +10,7 @@
         <span data-key="channel"></span>
 
         <label>RSSI</label>
-        <span data-key="rssi" post="dBm"></span>
+        <span data-key="rssi" data-post="dBm"></span>
 
         <label>IP</label>
         <span data-key="staip"></span>
@@ -30,16 +30,16 @@
         <span data-key="app_build"></span>
 
         <label>Firmware size</label>
-        <span data-key="sketch_size" post=" bytes"></span>
+        <span data-key="sketch_size" data-post=" bytes"></span>
 
         <label>Free space</label>
-        <span data-key="free_size" post=" bytes"></span>
+        <span data-key="free_size" data-post=" bytes"></span>
 
         <label>Uptime</label>
         <span data-key="uptime"></span>
 
         <label>Last update</label>
-        <span data-key="app:ago" post=" seconds ago">?</span>
+        <span data-key="app:ago" data-post=" seconds ago">?</span>
     </div>
 
     <div class="pure-u-1-2 pure-u-lg-1-4">
@@ -61,13 +61,13 @@
 
     <div class="pure-u-1-2 pure-u-lg-1-4">
         <label>Free heap</label>
-        <span data-key="heap" post=" bytes"></span>
+        <span data-key="heap" data-post=" bytes"></span>
 
         <label>Load average</label>
-        <span data-key="loadaverage" post="%"></span>
+        <span data-key="loadaverage" data-post="%"></span>
 
         <label>VCC</label>
-        <span data-key="vcc" post="mV">? </span>
+        <span data-key="vcc" data-post="mV">? </span>
 
         <div class="pure-control-group module module-mqtt">
             <label>MQTT Status</label>