diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 75c51b576..d1e406b3e 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -65,8 +65,10 @@
 
     border-radius: calc(var(--column-width-collapsed) / 2);
     inline-size: var(--column-width-expanded);
+    margin-block-start: 0;
     position: relative;
     scroll-snap-align: start;
+    transition: margin-block-start var(--column-transition-duration) var(--ease-out-overshoot-subtle);
 
     .no-transitions & {
       transition: none;
@@ -125,6 +127,10 @@
     .cards--grid & {
       display: contents;
     }
+
+    .no-transitions & {
+      transition: none;
+    }
   }
 
   .cards__new-column {