From bbc364399ae274a70c483c4faf45e28f79bf5931 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcos=20Rodriguez=20V=C3=A9lez?= <marcosrodriguez@me.com>
Date: Thu, 26 Aug 2021 14:00:23 -0400
Subject: [PATCH] FIX: small RTL alignment issue #3677

---
 BlueComponents.js            | 9 ++++++++-
 screen/lnd/scanLndInvoice.js | 1 +
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/BlueComponents.js b/BlueComponents.js
index c31d2d333..f2873db37 100644
--- a/BlueComponents.js
+++ b/BlueComponents.js
@@ -413,6 +413,7 @@ export const BlueListItem = React.memo(props => {
             color: props.disabled ? colors.buttonDisabledTextColor : colors.foregroundColor,
             fontSize: 16,
             fontWeight: '500',
+            writingDirection: I18nManager.isRTL ? 'rtl' : 'ltr',
           }}
           numberOfLines={0}
           accessible={props.switch === undefined}
@@ -423,7 +424,13 @@ export const BlueListItem = React.memo(props => {
           <ListItem.Subtitle
             numberOfLines={props.subtitleNumberOfLines ?? 1}
             accessible={props.switch === undefined}
-            style={{ flexWrap: 'wrap', color: colors.alternativeTextColor, fontWeight: '400', fontSize: 14 }}
+            style={{
+              flexWrap: 'wrap',
+              writingDirection: I18nManager.isRTL ? 'rtl' : 'ltr',
+              color: colors.alternativeTextColor,
+              fontWeight: '400',
+              fontSize: 14,
+            }}
           >
             {props.subtitle}
           </ListItem.Subtitle>
diff --git a/screen/lnd/scanLndInvoice.js b/screen/lnd/scanLndInvoice.js
index 8162f11a7..b07dd7c19 100644
--- a/screen/lnd/scanLndInvoice.js
+++ b/screen/lnd/scanLndInvoice.js
@@ -425,6 +425,7 @@ const styles = StyleSheet.create({
     fontSize: 14,
   },
   expiresIn: {
+    writingDirection: I18nManager.isRTL ? 'rtl' : 'ltr',
     color: '#81868e',
     fontSize: 12,
     left: 20,