From 7e139ca8f74a14a574f252848cf261e6542afa76 Mon Sep 17 00:00:00 2001
From: Farzad <frzd.shafiee@gmail.com>
Date: Sun, 4 Jul 2021 23:38:05 +0430
Subject: [PATCH] fix: nested link positions for RTL titles in sidebar (#2272)

---
 app/components/Sidebar/components/EditableTitle.js | 1 +
 app/components/Sidebar/components/SidebarLink.js   | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/components/Sidebar/components/EditableTitle.js b/app/components/Sidebar/components/EditableTitle.js
index 057c908ef..abe3b9f0f 100644
--- a/app/components/Sidebar/components/EditableTitle.js
+++ b/app/components/Sidebar/components/EditableTitle.js
@@ -65,6 +65,7 @@ function EditableTitle({ title, onSubmit, canUpdate }: Props) {
       {isEditing ? (
         <form onSubmit={handleSave}>
           <Input
+            dir="auto"
             type="text"
             value={value}
             onKeyDown={handleKeyDown}
diff --git a/app/components/Sidebar/components/SidebarLink.js b/app/components/Sidebar/components/SidebarLink.js
index 43a398782..259e209fc 100644
--- a/app/components/Sidebar/components/SidebarLink.js
+++ b/app/components/Sidebar/components/SidebarLink.js
@@ -84,7 +84,7 @@ function SidebarLink(
         ref={ref}
       >
         {icon && <IconWrapper>{icon}</IconWrapper>}
-        <Label dir="auto">{label}</Label>
+        <Label>{label}</Label>
       </Link>
       {menu && <Actions showActions={showActions}>{menu}</Actions>}
     </>
@@ -176,6 +176,9 @@ const Label = styled.div`
   width: 100%;
   max-height: 4.8em;
   line-height: 1.6;
+  * {
+    unicode-bidi: plaintext;
+  }
 `;
 
 export default withRouter(withTheme(React.forwardRef(SidebarLink)));