[🐴] Fix convo menu overlap (web) (#4153)

* add right padding to chatlistitem to avoid overlap

* reduce padding amount

src/screens/Messages/List/ChatListItem.tsx

@@ -192,7 +192,7 @@ function ChatListItemReady({
               moderation={moderation.ui('avatar')}
             />
 
-            <View style={[a.flex_1, a.justify_center]}>
+            <View style={[a.flex_1, a.justify_center, web({paddingRight: 45})]}>
               <View style={[a.w_full, a.flex_row, a.align_end, a.pb_2xs]}>
                 <Text
                   numberOfLines={1}
@@ -260,6 +260,7 @@ function ChatListItemReady({
                 ]}>
                 {lastMessage}
               </Text>
+            </View>
 
             {convo.unreadCount > 0 && (
               <View
@@ -272,21 +273,13 @@ function ChatListItemReady({
                       : t.palette.primary_500,
                     height: 7,
                     width: 7,
-                    },
-                    isNative
-                      ? {
                     top: 15,
                     right: 12,
-                        }
-                      : {
-                          top: 0,
-                          right: 0,
                   },
                 ]}
               />
             )}
           </View>
-          </View>
         )}
       </Link>