diff --git a/js/tests/unit/carousel.js b/js/tests/unit/carousel.js
index 68c28aec5e..932b90f7dd 100644
--- a/js/tests/unit/carousel.js
+++ b/js/tests/unit/carousel.js
@@ -19,7 +19,7 @@ $(function () {
 
   var stylesCarousel = [
     '<style>',
-    '  .carousel.pointer-event { -ms-touch-action: pan-x; touch-action: pan-x; }',
+    '  .carousel.pointer-event { -ms-touch-action: pan-y pinch-zoom; touch-action: pan-y pinch-zoom; }',
     '</style>'
   ].join('')
 
diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index 7d3728b40d..130965f798 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -13,7 +13,7 @@
 }
 
 .carousel.pointer-event {
-  touch-action: pan-x;
+  touch-action: pan-y pinch-zoom;
 }
 
 .carousel-inner {