diff --git a/inc/CTB/js/ctb.js b/inc/CTB/js/ctb.js
index 86b41d691..6c31a6672 100644
--- a/inc/CTB/js/ctb.js
+++ b/inc/CTB/js/ctb.js
@@ -74,26 +74,16 @@
 
 		ctbmodal = new A11yDialog(ctbContainer);
 		ctbmodal.show();
+		document.querySelector('body').classList.add('noscroll');
 
 		purchaseStatus = false;
-
-		document.querySelector('body').classList.toggle('noscroll');
-
-		ctbContainer.addEventListener('click', function(event) {
-			if (event.target.dataset.action === 'purchase-ctb') {
-				purchase(event);
-			}
-			if (event.target.hasAttribute('data-a11y-dialog-destroy')) {
-				document.querySelector('body').classList.toggle('noscroll');
-				closeModal(event.target);
-			}
-		});
-
+		
 		return ctbContainer;
 	}
-
+	
 	const closeModal = (e) => {
 		ctbmodal.destroy();
+		document.querySelector('body').classList.remove('noscroll');
 	}
 
 	const displayError = (modalWindow, error) => {
@@ -128,8 +118,15 @@
 		() => {
 			document.getElementById('wpbody').addEventListener('click', function(event) {
 				if (event.target.dataset.action === 'load-nfd-ctb') {
+					event.preventDefault();
 					loadCtb(event);
 				}
+				if (event.target.dataset.action === 'purchase-ctb') {
+					purchase(event);
+				}
+				if (event.target.hasAttribute('data-a11y-dialog-destroy')) {
+					closeModal(event.target);
+				}
 			});
 		}
 	);