diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 23b9905a6..1ae90d532 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -131,14 +131,16 @@
     inset-block-start: 0;
     justify-content: center;
     margin-block-start: 1px;
-    margin-inline: calc(-1 * var(--cards-gap) - var(--reserved-bubble-space) - var(--main-padding)); /* cover bubbles and cards */
+    margin-inline: -8px; /* enough to cover card shadows, but avoid overlapping bubbles */
     padding-block: var(--cards-gap);
     position: sticky;
     z-index: 2;
-    background: gold !important;
 
-    @media (min-width: 640px) {
-      margin-inline: -8px; /* enough to cover card shadows, but avoid overlapping bubbles */
+    /* Cover bubbles and cards on small viewports */
+    @media (max-width: 639px) {
+      &:not(.cards--closed &) {
+        margin-inline: calc(-1 * var(--cards-gap) - var(--reserved-bubble-space) - var(--main-padding));
+      }
     }
 
     &, .cards__filter {