diff --git a/packages/components/src/animate/style.scss b/packages/components/src/animate/style.scss
index 4467a8c325242a..0375b116a552ff 100644
--- a/packages/components/src/animate/style.scss
+++ b/packages/components/src/animate/style.scss
@@ -33,14 +33,14 @@
 	@media not (prefers-reduced-motion) {
 		animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1);
 		animation-fill-mode: forwards;
-	}
 
-	&.is-from-left {
-		transform: translateX(+100%);
-	}
+		&.is-from-left {
+			transform: translateX(+100%);
+		}
 
-	&.is-from-right {
-		transform: translateX(-100%);
+		&.is-from-right {
+			transform: translateX(-100%);
+		}
 	}
 }