diff --git a/tools/helper/src/client/styles/transition/fade-in-down.scss b/tools/helper/src/client/styles/transition/fade-in-down.scss
index 8479b2e138..dd366b3806 100644
--- a/tools/helper/src/client/styles/transition/fade-in-down.scss
+++ b/tools/helper/src/client/styles/transition/fade-in-down.scss
@@ -7,14 +7,14 @@
 .fade-in-down {
   &-enter-from,
   &-leave-to {
-    opacity: 0;
-    transform: translateY(var(--transition-fade-in-down-offset));
+    opacity: 0 !important;
+    transform: translateY(var(--transition-fade-in-down-offset)) !important;
   }
 
   &-enter-to,
   &-leave-from {
     opacity: 1;
-    transform: translateY(0);
+    transform: translateY(0) !important;
   }
 
   &-leave-active {
diff --git a/tools/helper/src/client/styles/transition/fade-in-height-expand.scss b/tools/helper/src/client/styles/transition/fade-in-height-expand.scss
index 023361c370..0ae2ac4d34 100644
--- a/tools/helper/src/client/styles/transition/fade-in-height-expand.scss
+++ b/tools/helper/src/client/styles/transition/fade-in-height-expand.scss
@@ -17,7 +17,7 @@
   }
 
   &-leave-active {
-    overflow: hidden;
+    overflow: hidden !important;
     transition:
       max-height var(--transition-slow-duration) var(--transition-ease-in-out),
       opacity var(--transition-leave-duration) var(--transition-ease-out),
@@ -30,7 +30,7 @@
   }
 
   &-enter-active {
-    overflow: hidden;
+    overflow: hidden !important;
     transition:
       max-height var(--transition-slow-duration) var(--transition-ease-in-out),
       opacity var(--transition-enter-duration) var(--transition-ease-in),
diff --git a/tools/helper/src/client/styles/transition/fade-in-left.scss b/tools/helper/src/client/styles/transition/fade-in-left.scss
index 213c32d66e..5dcb9859cf 100644
--- a/tools/helper/src/client/styles/transition/fade-in-left.scss
+++ b/tools/helper/src/client/styles/transition/fade-in-left.scss
@@ -7,14 +7,14 @@
 .fade-in-left {
   &-enter-from,
   &-leave-to {
-    opacity: 0;
-    transform: translateX(var(--transition-fade-in-left-offset));
+    opacity: 0 !important;
+    transform: translateX(var(--transition-fade-in-left-offset)) !important;
   }
 
   &-enter-to,
   &-leave-from {
     opacity: 1;
-    transform: translateX(0);
+    transform: translateX(0) !important;
   }
 
   &-leave-active {
diff --git a/tools/helper/src/client/styles/transition/fade-in-right.scss b/tools/helper/src/client/styles/transition/fade-in-right.scss
index 05af0401cc..6490cbcdc7 100644
--- a/tools/helper/src/client/styles/transition/fade-in-right.scss
+++ b/tools/helper/src/client/styles/transition/fade-in-right.scss
@@ -4,17 +4,17 @@
   --transition-fade-in-right-offset: -10px;
 }
 
-.fade-in-left {
+.fade-in-right {
   &-enter-from,
   &-leave-to {
-    opacity: 0;
-    transform: translateX(var(--transition-fade-in-right-offset));
+    opacity: 0 !important;
+    transform: translateX(var(--transition-fade-in-right-offset)) !important;
   }
 
   &-enter-to,
   &-leave-from {
     opacity: 1;
-    transform: translateX(0);
+    transform: translateX(0) !important;
   }
 
   &-leave-active {
diff --git a/tools/helper/src/client/styles/transition/fade-in-scale-up.scss b/tools/helper/src/client/styles/transition/fade-in-scale-up.scss
index a38ccab490..6d3e3d8e19 100644
--- a/tools/helper/src/client/styles/transition/fade-in-scale-up.scss
+++ b/tools/helper/src/client/styles/transition/fade-in-scale-up.scss
@@ -13,7 +13,7 @@
         var(--transition-ease-in),
       transform var(--transition-fade-in-scale-up-duration)
         var(--transition-ease-in) !important;
-    transform-origin: var(--transition-fade-in-scale-up-origin);
+    transform-origin: var(--transition-fade-in-scale-up-origin) !important;
   }
 
   &-enter-active {
@@ -22,18 +22,18 @@
         var(--transition-ease-out),
       transform var(--transition-fade-in-scale-up-duration)
         var(--transition-ease-out) !important;
-    transform-origin: var(--transition-fade-in-scale-up-origin);
+    transform-origin: var(--transition-fade-in-scale-up-origin) !important;
   }
 
   &-enter-from,
   &-leave-to {
-    opacity: 0;
-    transform: scale(var(--transition-fade-in-scale-up-scale));
+    opacity: 0 !important;
+    transform: scale(var(--transition-fade-in-scale-up-scale)) !important;
   }
 
   &-leave-from,
   &-enter-to {
     opacity: 1;
-    transform: scale(1);
+    transform: scale(1) !important;
   }
 }
diff --git a/tools/helper/src/client/styles/transition/fade-in-up.scss b/tools/helper/src/client/styles/transition/fade-in-up.scss
index a28d76a7f4..e26e4056f2 100644
--- a/tools/helper/src/client/styles/transition/fade-in-up.scss
+++ b/tools/helper/src/client/styles/transition/fade-in-up.scss
@@ -7,14 +7,14 @@
 .fade-in-up {
   &-enter-from,
   &-leave-to {
-    opacity: 0;
-    transform: translateY(var(--transition-fade-in-up-offset));
+    opacity: 0 !important;
+    transform: translateY(var(--transition-fade-in-up-offset)) !important;
   }
 
   &-enter-to,
   &-leave-from {
     opacity: 1;
-    transform: translateY(0);
+    transform: translateY(0) !important;
   }
 
   &-leave-active {
diff --git a/tools/helper/src/client/styles/transition/fade-in-width-expand.scss b/tools/helper/src/client/styles/transition/fade-in-width-expand.scss
index 1f0e1552fa..2293caca31 100644
--- a/tools/helper/src/client/styles/transition/fade-in-width-expand.scss
+++ b/tools/helper/src/client/styles/transition/fade-in-width-expand.scss
@@ -14,7 +14,7 @@
   }
 
   &-leave-active {
-    overflow: hidden;
+    overflow: hidden !important;
     transition:
       max-width var(--transition-leave-duration) var(--transition-ease-in-out)
         var(--transition-delay),
@@ -26,7 +26,7 @@
   }
 
   &-enter-active {
-    overflow: hidden;
+    overflow: hidden !important;
     transition:
       max-width var(--transition-enter-duration) var(--transition-ease-in-out),
       opacity var(--transition-leave-duration) var(--transition-ease-in-out)
diff --git a/tools/helper/src/client/styles/transition/fade-in.scss b/tools/helper/src/client/styles/transition/fade-in.scss
index 58abfebb4b..12311845d3 100644
--- a/tools/helper/src/client/styles/transition/fade-in.scss
+++ b/tools/helper/src/client/styles/transition/fade-in.scss
@@ -8,7 +8,7 @@
 
   &-enter-from,
   &-leave-to {
-    opacity: 0;
+    opacity: 0 !important;
   }
 
   &-leave-from,
diff --git a/tools/helper/src/client/styles/transition/slide-in-down.scss b/tools/helper/src/client/styles/transition/slide-in-down.scss
index df33d1d6ed..594e6f8bb4 100644
--- a/tools/helper/src/client/styles/transition/slide-in-down.scss
+++ b/tools/helper/src/client/styles/transition/slide-in-down.scss
@@ -17,11 +17,11 @@
 
   &-enter-to,
   &-leave-from {
-    transform: translateY(0);
+    transform: translateY(0) !important;
   }
 
   &-enter-from,
   &-leave-to {
-    transform: translateY(var(--transition-slide-in-down-offset));
+    transform: translateY(var(--transition-slide-in-down-offset)) !important;
   }
 }
diff --git a/tools/helper/src/client/styles/transition/slide-in-left.scss b/tools/helper/src/client/styles/transition/slide-in-left.scss
index d118b25eb3..d64b72450b 100644
--- a/tools/helper/src/client/styles/transition/slide-in-left.scss
+++ b/tools/helper/src/client/styles/transition/slide-in-left.scss
@@ -17,11 +17,11 @@
 
   &-enter-to,
   &-leave-from {
-    transform: translateX(0);
+    transform: translateX(0) !important;
   }
 
   &-enter-from,
   &-leave-to {
-    transform: translateX(var(--transition-slide-in-left-offset));
+    transform: translateX(var(--transition-slide-in-left-offset)) !important;
   }
 }
diff --git a/tools/helper/src/client/styles/transition/slide-in-right.scss b/tools/helper/src/client/styles/transition/slide-in-right.scss
index 6adf660a1e..107d3b4b3e 100644
--- a/tools/helper/src/client/styles/transition/slide-in-right.scss
+++ b/tools/helper/src/client/styles/transition/slide-in-right.scss
@@ -17,11 +17,11 @@
 
   &-enter-to,
   &-leave-from {
-    transform: translateX(0);
+    transform: translateX(0) !important;
   }
 
   &-enter-from,
   &-leave-to {
-    transform: translateX(var(--transition-slide-in-right-offset));
+    transform: translateX(var(--transition-slide-in-right-offset)) !important;
   }
 }
diff --git a/tools/helper/src/client/styles/transition/slide-in-up.scss b/tools/helper/src/client/styles/transition/slide-in-up.scss
index 0da20ee975..c4b7570838 100644
--- a/tools/helper/src/client/styles/transition/slide-in-up.scss
+++ b/tools/helper/src/client/styles/transition/slide-in-up.scss
@@ -17,11 +17,11 @@
 
   &-enter-to,
   &-leave-from {
-    transform: translateY(0);
+    transform: translateY(0) !important;
   }
 
   &-enter-from,
   &-leave-to {
-    transform: translateY(var(--transition-slide-in-up-offset));
+    transform: translateY(var(--transition-slide-in-up-offset)) !important;
   }
 }