diff --git a/css/src/components/timeline.scss b/css/src/components/timeline.scss
index 18d95906..cd0501e2 100644
--- a/css/src/components/timeline.scss
+++ b/css/src/components/timeline.scss
@@ -41,7 +41,7 @@ $timeline-item-badge-transform-rtl: translate(
 			position: absolute;
 			transform: $timeline-item-badge-transform-ltr;
 
-			[dir='rtl'] & {
+			&:dir(rtl) {
 				transform: $timeline-item-badge-transform-rtl;
 			}
 		}