diff --git a/src/patterns/04-components/banners/banners.js b/src/patterns/04-components/banners/banners.js
index ab94e16b06c265ec7a3b665288d97ddf1c095fc7..ef19df1842aca23fb7c1e96780b1be16be0d1c13 100644
--- a/src/patterns/04-components/banners/banners.js
+++ b/src/patterns/04-components/banners/banners.js
@@ -71,6 +71,24 @@
 
                       // Move to the slide.
                       flkty.select(targetIndex);
+
+                      var banner = event.target.closest('.uw-carousel__banner');
+                      if (banner) {
+                        var pauseButton = banner.querySelector('.uw-pause');
+                        if (pauseButton) {
+                          pauseButton.click();
+                        }
+                      }
+                    }
+                  });
+                  // Pause carousel when clicking pagination dots.
+                  dot.addEventListener('click', function (event) {
+                    var banner = event.target.closest('.uw-carousel__banner');
+                    if (banner) {
+                      var pauseButton = banner.querySelector('.uw-pause');
+                      if (pauseButton) {
+                        pauseButton.click();
+                      }
                     }
                   });
                 });
@@ -97,19 +115,6 @@
             });
           }
         });
-
-        // Pause carousel when clicking pagination dots.
-        document.addEventListener('click', function (event) {
-          if (event.target.matches('.flickity-page-dots .dot')) {
-            var banner = event.target.closest('.uw-carousel__banner');
-            if (banner) {
-              var pauseButton = banner.querySelector('.uw-pause');
-              if (pauseButton) {
-                pauseButton.click();
-              }
-            }
-          }
-        });
       });
     }
   };