From 1fcf3ab9a2204cd03ed31895fe43c98254cbf00c Mon Sep 17 00:00:00 2001
From: Mahdi Cheraghi <80692839+pmahdicheraghi@users.noreply.github.com>
Date: Thu, 5 Sep 2024 12:11:00 +0330
Subject: [PATCH] Fix action RTL issue

Using `justifyContent: 'end'` will work in both RTL and LTR directions
---
 src/ui/MaterialDesignContent/MaterialDesignContent.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/ui/MaterialDesignContent/MaterialDesignContent.tsx b/src/ui/MaterialDesignContent/MaterialDesignContent.tsx
index cd8139f..7ed751f 100644
--- 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',
     },
 });