diff --git a/satiate.css b/satiate.css
index b9033b3..74a00b6 100644
--- a/satiate.css
+++ b/satiate.css
@@ -350,6 +350,11 @@ a:hover {
   border: none;
 }
 
+.missing {
+  background-color: #444;
+  color: #aaa !important;
+}
+
 #move-up-left {
   position: absolute;
   left: -140px;
diff --git a/world.js b/world.js
index 7d77724..7fba351 100644
--- a/world.js
+++ b/world.js
@@ -40,7 +40,7 @@ function resetControls(state) {
     const button = document.createElement("button");
     button.classList.add("move-button")
     button.id = "move-" + dir;
-    button.classList.add("disabled");
+    button.classList.add("missing");
     button.setAttribute("disabled", "true");
     button.textContent = dirs[dir];
     moveHolder.appendChild(button);
@@ -177,6 +177,8 @@ function updateRoom(state) {
         }
       }
 
+      button.classList.remove("missing");
+      button.classList.add("disabled");
       button.textContent = dest.name;
 
       // if any condition fails, don't enable/add a listener