diff --git a/packages/client/src/components/timeline/TimelineLayers.vue b/packages/client/src/components/timeline/TimelineLayers.vue
index e2cb9e3b..2f408e56 100644
--- a/packages/client/src/components/timeline/TimelineLayers.vue
+++ b/packages/client/src/components/timeline/TimelineLayers.vue
@@ -79,7 +79,7 @@ function toggleTimelineLayerEnabled(id: string) {
       <li
         v-for="item in data" :key="item.id"
         class="group relative selectable-item"
-        :class="{ active: item.id === selected }"
+        :class="{ active: item.id === selected, op60: !getTimelineLayerEnabled(item.id) }"
         @click="select(item.id)"
       >
         {{ item.label }}