Handle logged out mobile web better

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,