diff --git a/src/modules/effect-cards/effect-cards.less b/src/modules/effect-cards/effect-cards.less
index ab9034258..1dec37c04 100644
--- a/src/modules/effect-cards/effect-cards.less
+++ b/src/modules/effect-cards/effect-cards.less
@@ -1,5 +1,7 @@
-.swiper-cards {
+.swiper.swiper-cards {
   overflow: visible;
+}
+.swiper {
   .swiper-slide {
     transform-origin: center bottom;
     backface-visibility: hidden;
diff --git a/src/modules/effect-cards/effect-cards.scss b/src/modules/effect-cards/effect-cards.scss
index ab9034258..c4b3766c1 100644
--- a/src/modules/effect-cards/effect-cards.scss
+++ b/src/modules/effect-cards/effect-cards.scss
@@ -1,5 +1,7 @@
-.swiper-cards {
+.swiper.swiper-cards {
   overflow: visible;
+}
+.swiper-cards {
   .swiper-slide {
     transform-origin: center bottom;
     backface-visibility: hidden;
diff --git a/src/modules/effect-cube/effect-cube.less b/src/modules/effect-cube/effect-cube.less
index 54bdc0132..bf34cc402 100644
--- a/src/modules/effect-cube/effect-cube.less
+++ b/src/modules/effect-cube/effect-cube.less
@@ -1,5 +1,7 @@
-.swiper-cube {
+.swiper.swiper-cube {
   overflow: visible;
+}
+.swiper-cube {
   .swiper-slide {
     pointer-events: none;
     backface-visibility: hidden;
diff --git a/src/modules/effect-cube/effect-cube.scss b/src/modules/effect-cube/effect-cube.scss
index 54bdc0132..bf34cc402 100644
--- a/src/modules/effect-cube/effect-cube.scss
+++ b/src/modules/effect-cube/effect-cube.scss
@@ -1,5 +1,7 @@
-.swiper-cube {
+.swiper.swiper-cube {
   overflow: visible;
+}
+.swiper-cube {
   .swiper-slide {
     pointer-events: none;
     backface-visibility: hidden;
diff --git a/src/modules/effect-flip/effect-flip.less b/src/modules/effect-flip/effect-flip.less
index 6c16d114c..ca517fbdb 100644
--- a/src/modules/effect-flip/effect-flip.less
+++ b/src/modules/effect-flip/effect-flip.less
@@ -1,5 +1,7 @@
-.swiper-flip {
+.swiper.swiper-flip {
   overflow: visible;
+}
+.swiper-flip {
   .swiper-slide {
     pointer-events: none;
     backface-visibility: hidden;
diff --git a/src/modules/effect-flip/effect-flip.scss b/src/modules/effect-flip/effect-flip.scss
index 6c16d114c..ca517fbdb 100644
--- a/src/modules/effect-flip/effect-flip.scss
+++ b/src/modules/effect-flip/effect-flip.scss
@@ -1,5 +1,7 @@
-.swiper-flip {
+.swiper.swiper-flip {
   overflow: visible;
+}
+.swiper-flip {
   .swiper-slide {
     pointer-events: none;
     backface-visibility: hidden;