fix(rtl): row-reverse for rtl

momentum-design · Nov 6, 2024 · 7b0fe5a · 7b0fe5a
1 parent 56c241a
commit 7b0fe5a
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/ButtonGroup/ButtonGroup.style.scss b/src/components/ButtonGroup/ButtonGroup.style.scss
@@ -6,10 +6,14 @@
 
   &[data-orientation='horizontal'] {
     flex-direction: row;
+    [dir="rtl"] & {
+      flex-direction: row-reverse;
+    }
   }
 
   &[data-orientation='vertical'] {
     flex-direction: column;
+
   }
 
   &[data-separator='true'] {