From 3ab4762915f0592c5196f8ce941899e8f1936bed Mon Sep 17 00:00:00 2001
From: Sainath Poojary <spoojary614@gmail.com>
Date: Fri, 3 Jan 2025 20:53:17 +0530
Subject: [PATCH] Animate: Fix stuck animation for slide-in animation

---
 packages/components/src/animate/style.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

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%);
+		}
 	}
 }