diff --git a/app/pages/events/index.vue b/app/pages/events/index.vue
index 3a64189..66c90e9 100644
--- a/app/pages/events/index.vue
+++ b/app/pages/events/index.vue
@@ -232,8 +232,12 @@ const isAlmostFull = (event) => {
 .event-row:hover {
   padding-left: 4px;
 }
-.event-row.is-cancelled {
-  opacity: 0.5;
+.event-row.is-cancelled .event-title a {
+  text-decoration: line-through;
+  text-decoration-thickness: 1px;
+}
+.event-row.is-cancelled .event-tagline {
+  text-decoration: line-through;
 }
 
 .event-date-col {