diff --git a/web/secondary_toolbar.js b/web/secondary_toolbar.js
index e43c5b4d7..10383830c 100644
--- a/web/secondary_toolbar.js
+++ b/web/secondary_toolbar.js
@@ -152,14 +152,14 @@ class SecondaryToolbar {
     this.eventBus = eventBus;
     this.opened = false;
 
-    this.reset();
-
     // Bind the event listeners for click, cursor tool, and scroll/spread mode
     // actions.
     this.#bindClickListeners();
     this.#bindCursorToolsListener(options);
     this.#bindScrollModeListener(options);
     this.#bindSpreadModeListener(options);
+
+    this.reset();
   }
 
   /**
diff --git a/web/toolbar.js b/web/toolbar.js
index 11df06ff9..866a47d3a 100644
--- a/web/toolbar.js
+++ b/web/toolbar.js
@@ -111,10 +111,10 @@ class Toolbar {
       editorInkParamsToolbar: options.editorInkParamsToolbar,
     };
 
-    this.reset();
-
     // Bind the event listeners for click and various other actions.
     this.#bindListeners(options);
+
+    this.reset();
   }
 
   setPageNumber(pageNumber, pageLabel) {