diff --git a/res/css/_animations.scss b/res/css/_animations.scss
index 2e6eac66a1..4d3ad97141 100644
--- a/res/css/_animations.scss
+++ b/res/css/_animations.scss
@@ -19,21 +19,19 @@ limitations under the License.
  * know they should not be used anywhere outside of React Transition Groups.
 */
 
-.mx_rtg--fade {
-    &-enter {
-        opacity: 0;
-        &-active {
-            opacity: 1;
-            transition: opacity 300ms ease;
-        }
-    }
-    &-exit {
-        opacity: 1;
-        &-active {
-            opacity: 0;
-            transition: opacity 300ms ease;
-        }
-    }
+.mx_rtg--fade-enter {
+    opacity: 0;
+}
+.mx_rtg--fade-enter-active {
+    opacity: 1;
+    transition: opacity 300ms ease;
+}
+.mx_rtg--fade-exit {
+    opacity: 1;
+}
+.mx_rtg--fade-exit-active {
+    opacity: 0;
+    transition: opacity 300ms ease;
 }