Fix action RTL issue

Using `justifyContent: 'end'` will work in both RTL and LTR directions
iamhosseindhv · Sep 5, 2024 · 12999ad · 12999ad
1 parent a61155a
commit 12999ad
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/ui/MaterialDesignContent/MaterialDesignContent.tsx b/src/ui/MaterialDesignContent/MaterialDesignContent.tsx
@@ -43,9 +43,9 @@ const classes = makeStyles({
     action: {
         display: 'flex',
         alignItems: 'center',
-        marginLeft: 'auto',
-        paddingLeft: '16px',
-        marginRight: '-8px',
+        flexGrow: 1,
+        justifyContent: 'end',
+        marginInlineEnd: '-8px',
     },
 });