diff --git a/hmdooris/static/main.js b/hmdooris/static/main.js
index 4540e2b..946faf4 100644
--- a/hmdooris/static/main.js
+++ b/hmdooris/static/main.js
@@ -6,19 +6,19 @@
         let button_lock = document.querySelector(`#lock__line__${lock.id} .lock__button__lock`);
         let button_unlock = document.querySelector(`#lock__line__${lock.id} .lock__button__unlock`);
         if (lock.status === "LOCKED") {
-            state_icon.class = "lock__state-icon lock__state-icon--locked";
+            state_icon.className = "lock__state-icon lock__state-icon--locked";
             state_icon.innerHTML = '<svg class="icon"><use href="static/icons.svg#icon-lock-alt-svgrepo-com"/></svg>';
             state_label.innerText = 'locked';
             button_lock.disabled = true;
             button_unlock.disabled = false;
         } else if (lock.status === "UNLOCKED") {
-            state_icon.class = "lock__state-icon lock__state-icon--unlocked";
+            state_icon.className = "lock__state-icon lock__state-icon--unlocked";
             state_icon.innerHTML = '<svg class="icon"><use href="static/icons.svg#icon-unlock-alt-svgrepo-com"/></svg>';
             state_label.innerText = 'unlocked';
             button_lock.disabled = false;
             button_unlock.disabled = true;
         } else {
-            state_icon.class = "lock__state-icon lock__state-icon--unknown";
+            state_icon.className = "lock__state-icon lock__state-icon--unknown";
             state_icon.innerHTML = '<svg class="icon"><use href="static/icons.svg#icon-arrow-spin-svgrepo-com"/></svg>';
             state_label.innerText = 'unknown';
             button_lock.disabled = true;