diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 316979296..46d2cb498 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -117,12 +117,11 @@
     inline-size: var(--column-width-expanded);
     outline: none;
     position: relative;
-    scroll-snap-align: start;
+    scroll-snap-align: center;
 
     &.is-expanded {
       @media (max-width: 639px) {
         overflow: hidden;
-        scroll-snap-align: center;
       }
     }
 
diff --git a/app/javascript/controllers/collapsible_columns_controller.js b/app/javascript/controllers/collapsible_columns_controller.js
index a2e337df2..372d0ae14 100644
--- a/app/javascript/controllers/collapsible_columns_controller.js
+++ b/app/javascript/controllers/collapsible_columns_controller.js
@@ -112,7 +112,7 @@ export default class extends Controller {
     localStorage.setItem(key, true)
 
     if (window.matchMedia('(max-width: 639px)').matches) {
-      column.scrollIntoView({ behavior: "smooth", inline: "nearest" })
+      column.scrollIntoView({ behavior: "smooth", inline: "center" })
     }
   }