diff --git a/internal/view/booking_lines.templ b/internal/view/booking_lines.templ
index 7b876ab..f67dc3a 100644
--- a/internal/view/booking_lines.templ
+++ b/internal/view/booking_lines.templ
@@ -14,7 +14,7 @@ templ BookingLines(bookings []*ListBookingsViewModel) {
 				<td>
 					<span
 						if b.Canceled {
-							style="text-decoration: line-through;"
+							class="line-through text-gray-500"
 						}
 					>
 						{ b.Name }
diff --git a/internal/view/booking_lines_templ.go b/internal/view/booking_lines_templ.go
index 1116c83..3dbfffa 100644
--- a/internal/view/booking_lines_templ.go
+++ b/internal/view/booking_lines_templ.go
@@ -63,7 +63,7 @@ func BookingLines(bookings []*ListBookingsViewModel) templ.Component {
 				return templ_7745c5c3_Err
 			}
 			if b.Canceled {
-				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" style=\"text-decoration: line-through;\"")
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(" class=\"line-through text-gray-500\"")
 				if templ_7745c5c3_Err != nil {
 					return templ_7745c5c3_Err
 				}