From 61459cd2d2d5d1edbad407930646445f4a567735 Mon Sep 17 00:00:00 2001
From: Zhiyuan Zheng <me@xmflsct.com>
Date: Sun, 23 May 2021 22:53:06 +0200
Subject: [PATCH] Fix multiline alignment issue

---
 src/components/Input.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index d3c6b9ca..dcdd0f20 100644
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -110,7 +110,8 @@ const Input: React.FC<Props> = ({
           styles.base,
           {
             borderColor: theme.border,
-            flexDirection: multiline ? 'column' : 'row'
+            flexDirection: multiline ? 'column' : 'row',
+            alignItems: 'stretch'
           }
         ]}
       >
@@ -153,7 +154,7 @@ const Input: React.FC<Props> = ({
             {title}
           </Animated.Text>
         ) : null}
-        <View style={{ flexDirection: 'row' }}>
+        <View style={{ flexDirection: 'row', alignSelf: 'flex-end' }}>
           {options?.maxLength && value?.length ? (
             <Text style={[styles.maxLength, { color: theme.secondary }]}>
               {value?.length} / {options.maxLength}