diff --git a/src/components/general/ColumnItem.ts b/src/components/general/ColumnItem.ts
index a9838c42..cd14df71 100644
--- a/src/components/general/ColumnItem.ts
+++ b/src/components/general/ColumnItem.ts
@@ -8,4 +8,6 @@ export interface ColumnItem {
   href?: string
   target?: string
   icon?: string
+  disabled?: boolean
+  tooltipText?: string
 }
diff --git a/src/components/general/ColumnMenu.vue b/src/components/general/ColumnMenu.vue
index bac754e4..ca37b0eb 100644
--- a/src/components/general/ColumnMenu.vue
+++ b/src/components/general/ColumnMenu.vue
@@ -36,11 +36,25 @@
             "
             :to="child.to"
             :class="getClass(child)"
+            :disabled="child.disabled"
           >
             <v-list-item-title>{{ child.name }}</v-list-item-title>
             <template v-slot:append>
-              <v-icon v-if="child.children?.length">mdi-chevron-right</v-icon>
-              <v-icon v-else-if="child.icon" small>{{ child.icon }}</v-icon>
+              <v-tooltip v-if="item.tooltipText">
+                <template v-slot:activator="{ props }">
+                  <v-icon
+                    v-bind="props"
+                    class="allow-disabled-hover"
+                    size="x-small"
+                    >{{ item.icon }}</v-icon
+                  >
+                </template>
+                {{ item.tooltipText }}
+              </v-tooltip>
+              <div v-else>
+                <v-icon v-if="child.children">mdi-chevron-right</v-icon>
+                <v-icon v-else-if="child.icon" small>{{ child.icon }}</v-icon>
+              </div>
             </template>
           </v-list-item>
         </template>
@@ -150,3 +164,9 @@ function recursiveFind(stack: ColumnItem[], id: string): boolean {
   return false
 }
 </script>
+
+<style>
+.allow-disabled-hover {
+  pointer-events: auto;
+}
+</style>
diff --git a/src/components/general/TreeMenuItem.vue b/src/components/general/TreeMenuItem.vue
index dbed5b27..9247a878 100644
--- a/src/components/general/TreeMenuItem.vue
+++ b/src/components/general/TreeMenuItem.vue
@@ -13,11 +13,35 @@
     <v-list-item v-else-if="item.href" :href="item.href" target="_blank">
       <v-list-item-title>{{ item.name }}</v-list-item-title>
       <template v-slot:append>
-        <v-icon>mdi-share</v-icon>
+        <v-icon size="x-small">{{ item.icon }}</v-icon>
       </template>
     </v-list-item>
-    <v-list-item v-else :to="item.to" style="margin-right: 10px">
+    <v-list-item
+      v-else
+      :to="item.to"
+      style="margin-right: 10px"
+      :disabled="item.disabled"
+    >
       <v-list-item-title>{{ item.name }}</v-list-item-title>
+      <template v-slot:append>
+        <v-tooltip v-if="item.tooltipText">
+          <template v-slot:activator="{ props }">
+            <v-icon
+              v-bind="props"
+              class="allow-disabled-hover"
+              size="x-small"
+              >{{ item.icon }}</v-icon
+            >
+          </template>
+          {{ item.tooltipText }}
+        </v-tooltip>
+        <v-icon
+          v-else-if="item.icon"
+          size="x-small"
+          style="pointer-events: auto"
+          >{{ item.icon }}
+        </v-icon>
+      </template>
     </v-list-item>
   </template>
 </template>
diff --git a/src/views/SpatialDisplayView.vue b/src/views/SpatialDisplayView.vue
index dcd0e6d4..ade2498d 100644
--- a/src/views/SpatialDisplayView.vue
+++ b/src/views/SpatialDisplayView.vue
@@ -125,15 +125,22 @@ function attachLayersToMenu(
 ) {
   for (const layer of layers) {
     const groupNode = groupNodes.get(layer.path.toString())
+    const noData = layer.completelyMissing || false
     const item: ColumnItem = {
       id: layer.name,
       name: layer.title || layer.name,
-      to: {
+      disabled: noData,
+    }
+    if (!noData) {
+      item.to = {
         name: 'SpatialDisplay',
         params: {
           layerName: layer.name,
         },
-      },
+      }
+    } else {
+      item.tooltipText = 'No data available'
+      item.icon = 'mdi-alert-circle-outline'
     }
     groupNode?.children?.push(item)
   }