diff --git a/apps/client/src/views/countdown/Countdown.scss b/apps/client/src/views/countdown/Countdown.scss
index c411f85db..4eda0ee6e 100644
--- a/apps/client/src/views/countdown/Countdown.scss
+++ b/apps/client/src/views/countdown/Countdown.scss
@@ -114,8 +114,7 @@ $item-height: 3.5rem;
   /* scoped to the section, the select view shows the same cards in a flat list */
   .sub-section .sub--group {
     position: sticky;
-    /* sticky insets constrain the margin box, negate the row margin so the header sits flush */
-    top: -2px;
+    top: 0;
     z-index: 1;
   }
 
diff --git a/apps/client/src/views/countdown/CountdownSubscriptions.tsx b/apps/client/src/views/countdown/CountdownSubscriptions.tsx
index 5ec64ebf1..c7d466028 100644
--- a/apps/client/src/views/countdown/CountdownSubscriptions.tsx
+++ b/apps/client/src/views/countdown/CountdownSubscriptions.tsx
@@ -59,8 +59,8 @@ export default function CountdownSubscriptions({ subscribedEvents, goToEditMode
   // Measured between 91px and 171px, so a constant would leave the running event behind the header.
   const getStickyOffset = useCallback(() => {
     const header = stickyHeaderRef.current;
-    // account for the row margin, so that the rows do not touch
-    return header ? header.offsetHeight + 2 : 0;
+    // add a row gap, the 2px margins of the header and of the running event
+    return header ? header.offsetHeight + 4 : 0;
   }, []);
 
   const scrollToComponent = useFollowComponent({