Max card count equals geared pagination size

app/javascript/controllers/collapsible_columns_controller.js

@@ -25,7 +25,6 @@ export default class extends Controller {
   }
 
   toggle({ target }) {
-    this.#enableTransitions()
     const column = target.closest('[data-collapsible-columns-target="column"]')
     this.#toggleColumn(column);
   }
@@ -36,14 +35,13 @@ export default class extends Controller {
     }
   }
 
-  async restoreState() {
+  async restoreState(event) {
     await nextFrame()
     await this.#restoreColumnsDisablingTransitions()
   }
 
   focusOnColumn({ target }) {
     if (this.#isCollapsed(target)) {
-      this.#enableTransitions()
       this.#collapseAllExcept(target)
       this.#expand(target)
     }
@@ -54,6 +52,7 @@ export default class extends Controller {
     this.#restoreColumns()
 
     await nextFrame()
+    this.#enableTransitions()
   }
 
   #disableTransitions() {

app/javascript/controllers/css_variable_counter_controller.js

@@ -5,7 +5,7 @@ export default class extends Controller {
   static targets = [ "item", "counter" ]
   static values = {
     propertyName: String,
-    maxValue: { type: Number, default: 20 }
+    maxValue: { type: Number, default: 15 } // should match first geared pagination page size
   }
 
   initialize() {