From 41d85bf738d2a93e2e5d15ac008eeb2daa103056 Mon Sep 17 00:00:00 2001
From: Zhiyuan Zheng <me@xmflsct.com>
Date: Tue, 21 Jun 2022 23:31:31 +0200
Subject: [PATCH] Fix row flexbox

---
 src/components/Menu/Row.tsx | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/components/Menu/Row.tsx b/src/components/Menu/Row.tsx
index 56919332..d6097f0d 100644
--- a/src/components/Menu/Row.tsx
+++ b/src/components/Menu/Row.tsx
@@ -87,7 +87,7 @@ const MenuRow: React.FC<Props> = ({
           >
             <View
               style={{
-                flex: 3,
+                flexGrow: 3,
                 flexDirection: 'row',
                 alignItems: 'center'
               }}
@@ -111,15 +111,13 @@ const MenuRow: React.FC<Props> = ({
                   }}
                 />
               ) : null}
-              <View style={{ flex: 1 }}>
-                <CustomText
-                  fontStyle='M'
-                  style={{ color: colors.primaryDefault }}
-                  numberOfLines={1}
-                >
-                  {title}
-                </CustomText>
-              </View>
+              <CustomText
+                fontStyle='M'
+                style={{ color: colors.primaryDefault }}
+                numberOfLines={1}
+              >
+                {title}
+              </CustomText>
             </View>
 
             {content || switchValue !== undefined || iconBack ? (