about summary refs log tree commit diff
path: root/src/view/com/auth/util/HelpTip.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/com/auth/util/HelpTip.tsx')
-rw-r--r--src/view/com/auth/util/HelpTip.tsx11
1 files changed, 8 insertions, 3 deletions
diff --git a/src/view/com/auth/util/HelpTip.tsx b/src/view/com/auth/util/HelpTip.tsx
index 3ea4437df..65f7278d6 100644
--- a/src/view/com/auth/util/HelpTip.tsx
+++ b/src/view/com/auth/util/HelpTip.tsx
@@ -13,8 +13,10 @@ export function HelpTip({text}: {text: string}) {
   const fg = useColorSchemeStyle({color: colors.gray5}, {color: colors.gray4})
   return (
     <View style={[styles.helptip, bg]}>
-      <InfoCircleIcon size={18} style={fg} strokeWidth={1.5} />
-      <Text type="xs-medium" style={[fg, s.ml5]}>
+      <View style={styles.icon}>
+        <InfoCircleIcon size={18} style={fg} strokeWidth={1.5} />
+      </View>
+      <Text type="xs-medium" style={[fg, s.ml5, s.flex1]}>
         {text}
       </Text>
     </View>
@@ -22,9 +24,12 @@ export function HelpTip({text}: {text: string}) {
 }
 
 const styles = StyleSheet.create({
+  icon: {
+    width: 18,
+  },
   helptip: {
     flexDirection: 'row',
-    alignItems: 'center',
+    alignItems: 'flex-start',
     borderRadius: 6,
     paddingHorizontal: 10,
     paddingVertical: 8,