diff --git a/site/src/components/ActivityDetail.svelte b/site/src/components/ActivityDetail.svelte
index d486e3f..68f3cce 100644
--- a/site/src/components/ActivityDetail.svelte
+++ b/site/src/components/ActivityDetail.svelte
@@ -439,12 +439,7 @@
         s.key === 'elevation'  && hasElevTrack    ? 'elevation' :
         s.key === 'cadence'    && hasCadenceTrack ? 'cadence'   : null}
       <div
-        class="bg-zinc-900 px-4 py-3 transition-colors relative"
-        class:hover:bg-zinc-800={cm !== null}
-        class:cursor-pointer={cm !== null}
-        class:ring-1={cm !== null && stickyMode === cm}
-        class:ring-inset={cm !== null && stickyMode === cm}
-        class:ring-white/25={cm !== null && stickyMode === cm}
+        class="bg-zinc-900 px-4 py-3 transition-colors {cm ? 'hover:bg-zinc-800 cursor-pointer' : ''} {cm && stickyMode === cm ? 'ring-1 ring-inset ring-white/25' : ''}"
         role={cm ? 'button' : 'none'}
         tabindex={cm ? 0 : -1}
         on:mouseenter={() => { if (cm) colorMode = cm; }}