diff --git a/client/src/components/Inventory.tsx b/client/src/components/Inventory.tsx
index 0b590b7..02d660f 100644
--- a/client/src/components/Inventory.tsx
+++ b/client/src/components/Inventory.tsx
@@ -86,7 +86,7 @@ function InventoryItem({name, displayName, locked, disabled, newly, showDoc}) {
                 disabled ? "Not available in this level" : ""
 
   const handleClick = () => {
-    if (!locked && !disabled) {
+    if (!locked) {
       showDoc()
     }
   }
diff --git a/client/src/components/inventory.css b/client/src/components/inventory.css
index 13c0cc2..bb4eda5 100644
--- a/client/src/components/inventory.css
+++ b/client/src/components/inventory.css
@@ -29,17 +29,20 @@
   padding: .1em .5em;
 }
 
-.inventory .item.locked,
-.inventory .item.disabled {
+.inventory .item.locked {
   border: solid 1px #ccc;
   color: #ccc;
 }
 
+.inventory .item.disabled {
+  color: #d92c2c;
+}
+
 .inventory .item.new {
   background-color: rgb(255, 242, 190);
 }
 
-.inventory .item:not(.locked):not(.disabled) {
+.inventory .item:not(.locked) {
   cursor: pointer;
 }