diff --git a/client/src/Resource.js b/client/src/Resource.js
index 206b71d..31ea238 100644
--- a/client/src/Resource.js
+++ b/client/src/Resource.js
@@ -11,7 +11,7 @@ const Resource = ({ type, select, disabled, available, count, label, onClick })
   };
   
   if (label) {
-    return <div className="Resource"
+    return <div className={`Resource ${count === 0 ? 'None' : ''}`}
         disabled={disabled}
         data-type={type}
         onClick={onClick ? onClick : click}
diff --git a/client/src/Trade.css b/client/src/Trade.css
index 7af5714..4725fd1 100644
--- a/client/src/Trade.css
+++ b/client/src/Trade.css
@@ -102,6 +102,10 @@
   line-height: 1.5rem;
 }
 
+.Trade .Resource.None {
+  /* filter: brightness(70%); */
+}
+
 .Trade .PlayerColor {
   align-self: flex-start;
   width: 0.75em;