1 files changed, 4 insertions, 1 deletions
diff --git a/modern/src/settings/OptionsLayout/index.js b/modern/src/settings/OptionsLayout/index.js
index 4a42e583..34721680 100644
--- a/modern/src/settings/OptionsLayout/index.js
+++ b/modern/src/settings/OptionsLayout/index.js
@@ -7,9 +7,11 @@ import {
   makeStyles,
   IconButton,
   Hidden,
+  useTheme,
 } from '@material-ui/core';
 
 import ArrowBackIcon from '@material-ui/icons/ArrowBack';
+import ArrowForwardIcon from '@material-ui/icons/ArrowForward';
 
 import SideNav from '../../components/SideNav';
 import NavBar from '../../components/NavBar';
@@ -56,6 +58,7 @@ const OptionsLayout = ({ children }) => {
   const [openDrawer, setOpenDrawer] = useState(false);
   const [optionTitle, setOptionTitle] = useState();
   const routes = useRoutes();
+  const theme = useTheme();
 
   useEffect(() => {
     const activeRoute = routes.find(
@@ -87,7 +90,7 @@ const OptionsLayout = ({ children }) => {
         >
           <div className={classes.drawerHeader}>
             <IconButton component="a" href="/">
-              <ArrowBackIcon />
+              {theme.direction === 'rtl' ? <ArrowForwardIcon /> : <ArrowBackIcon />}
             </IconButton>
             <Typography variant="h6" color="inherit" noWrap>
               {t('settingsTitle')}