Address chat design nits (#10823)

src/components/dms/InitiateChatFlow.tsx

@@ -514,7 +514,6 @@ export function InitiateChatFlow({
               a.relative,
               a.align_center,
               a.justify_between,
-              web(a.pb_lg),
             ]}>
             {IS_NATIVE ? (
               <Button
@@ -550,7 +549,7 @@ export function InitiateChatFlow({
                 color="secondary"
                 style={[a.absolute, a.z_20, {right: -4}]}
                 onPress={() => control.close()}>
-                <ButtonIcon icon={XIcon} size="lg" />
+                <ButtonIcon icon={XIcon} size="md" />
               </Button>
             ) : showButton ? (
               <Button

src/components/dms/MessageItem.tsx

@@ -58,7 +58,7 @@ const AVATAR_SIZE = 28
 const CLUSTERED_MESSAGE_GAP = 2
 const BORDER_RADIUS = 18
 const SQUARED_BORDER_RADIUS = 4
-const DISPLAY_NAME_INSET = 22
+const DISPLAY_NAME_INSET = 20
 
 function isWithinClusterBoundary({
   isPending,

src/screens/Messages/components/InviteLinkDialog.tsx

@@ -516,7 +516,8 @@ export function InviteLinkDialog({
           </View>
         }
         label={l`Group chat invite link dialog`}
-        style={web({maxWidth: 400})}>
+        style={web({maxWidth: 400})}
+        contentContainerStyle={web(a.pt_0)}>
         {content}
       </Dialog.ScrollableInner>
     </Dialog.Outer>