diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 2ef0d65d2..77749faa1 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -73,7 +73,7 @@
     transition: var(--column-transition);
 
     /* Disable transitions during restoration */
-    &.no-transitions {
+    .no-transitions & {
       transition: none;
     }
 
diff --git a/app/javascript/controllers/collapsible_columns_controller.js b/app/javascript/controllers/collapsible_columns_controller.js
index 6ca8ce015..fc64ba414 100644
--- a/app/javascript/controllers/collapsible_columns_controller.js
+++ b/app/javascript/controllers/collapsible_columns_controller.js
@@ -25,19 +25,11 @@ export default class extends Controller {
   }
 
   #disableTransitions() {
-    this.columnTargets.forEach(column => {
-      if (this.noTransitionsClass) {
-        column.classList.add(this.noTransitionsClass)
-      }
-    })
+    this.element.classList.add(this.noTransitionsClass)
   }
 
   #enableTransitions() {
-    this.columnTargets.forEach(column => {
-      if (this.noTransitionsClass) {
-        column.classList.remove(this.noTransitionsClass)
-      }
-    })
+    this.element.classList.remove(this.noTransitionsClass)
   }
 
   #toggleColumn(column) {