diff --git a/src/assets/hestia.js b/src/assets/hestia.js
index 57e02d2..3088bef 100644
--- a/src/assets/hestia.js
+++ b/src/assets/hestia.js
@@ -20,9 +20,9 @@ window.onload = async function() {
 };
 
 function refreshState(doc, state) {
-    const igniterStatus = doc.getElementById("igniterStatus");
-    const exhaustStatus = doc.getElementById("exhaustStatus");
-    const augerStatus = doc.getElementById("augerStatus");
+    const igniterStatus = doc.getElementById("igniter-status");
+    const exhaustStatus = doc.getElementById("exhaust-status");
+    const augerStatus = doc.getElementById("auger-status");
     let statusString;
 
     statusString = '';
diff --git a/src/index.html b/src/index.html
index d0809dd..d571fce 100644
--- a/src/index.html
+++ b/src/index.html
@@ -29,15 +29,15 @@
                 <tbody>
                     <tr class="border-b border-gray-700">
                         <td class="py-2 px-4">Igniter</td>
-                        <td class="py-2 px-4">Placeholder</td>
+                        <td class="py-2 px-4" id="igniter-status">Placeholder</td>
                     </tr>
                     <tr class="border-b border-gray-700">
                         <td class="py-2 px-4">Exhaust</td>
-                        <td class="py-2 px-4">Placeholder</td>
+                        <td class="py-2 px-4" id="exhaust-status">Placeholder</td>
                     </tr>
                     <tr>
                         <td class="py-2 px-4">Auger</td>
-                        <td class="py-2 px-4">Placeholder</td>
+                        <td class="py-2 px-4" id="auger-status">Placeholder</td>
                     </tr>
                 </tbody>
             </table>