diff --git a/frontend/src/components/AvailabilityPickerHour.tsx b/frontend/src/components/AvailabilityPickerHour.tsx
index e67e4d6..7662b8a 100644
--- a/frontend/src/components/AvailabilityPickerHour.tsx
+++ b/frontend/src/components/AvailabilityPickerHour.tsx
@@ -30,6 +30,10 @@ const AvailabilityPickerHour = (props: {
 
     const determineCellColor = (isSelected: boolean, availableNames: String[], isDisabled: boolean) => {
         if (isDisabled) {
+            if (availableNames.length > 0) {
+                return heatMapColorforValue(availableNames.length);
+            }
+
             return '#222222';
         }