Fix action RTL issue

Using `justifyContent: 'end'` will work in both RTL and LTR directions
iamhosseindhv · Sep 5, 2024 · 1fcf3ab · 1fcf3ab
1 parent a61155a
commit 1fcf3ab
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',
+        margin: '-8px',
     },
 });