diff --git a/client/src/components/inventory.css b/client/src/components/inventory.css
index 82aa370..3637093 100644
--- a/client/src/components/inventory.css
+++ b/client/src/components/inventory.css
@@ -21,13 +21,15 @@
 }
 
 .inventory .item {
-  border: solid 1px #aaa;
+  background: #fff;
+  border: solid 1px #777;
   padding: .1em .5em;
 }
 
 .inventory .item.locked,
 .inventory .item.disabled {
-  color: #aaa;
+  border: solid 1px #ccc;
+  color: #ccc;
 }
 
 
diff --git a/client/src/components/level.css b/client/src/components/level.css
index c720e42..2e08a53 100644
--- a/client/src/components/level.css
+++ b/client/src/components/level.css
@@ -72,6 +72,10 @@
   gap: 1em;
 }
 
+.doc-panel {
+  background: #fafafa;
+}
+
 .doc-panel li {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12); /* This should be teh same colour as `divider` in Inventory.tsx */
 }