diff --git a/packages/uiweb/src/lib/components/chat/ChatProfile/ChatProfileInfoModal.tsx b/packages/uiweb/src/lib/components/chat/ChatProfile/ChatProfileInfoModal.tsx
index 22e023da8..42a62b3ff 100644
--- a/packages/uiweb/src/lib/components/chat/ChatProfile/ChatProfileInfoModal.tsx
+++ b/packages/uiweb/src/lib/components/chat/ChatProfile/ChatProfileInfoModal.tsx
@@ -423,7 +423,6 @@ const GroupInformation = ({
         <Section
           borderRadius="16px"
           flexDirection="column"
-          gap="16px"
         >
           {groupMembers.loading ? (
             <Spinner
@@ -1014,7 +1013,7 @@ const GroupDescription = styled.div`
   gap: 5px;
 `;
 
-const PublicEncrypted = styled(Section)<{ alert?: boolean }>`
+const PublicEncrypted = styled(Section) <{ alert?: boolean }>`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -1040,7 +1039,7 @@ const AddWalletContainer = styled.div`
   align-items: center;
 `;
 
-const ConditionSection = styled(Section)<{ theme: IChatTheme }>`
+const ConditionSection = styled(Section) <{ theme: IChatTheme }>`
   &::-webkit-scrollbar-thumb {
     background: ${(props) => props.theme.scrollbarColor};
     border-radius: 10px;
@@ -1053,7 +1052,7 @@ const ConditionSection = styled(Section)<{ theme: IChatTheme }>`
   }
 `;
 
-const ScrollSection = styled(Section)<{ theme: IChatTheme }>`
+const ScrollSection = styled(Section) <{ theme: IChatTheme }>`
   &::-webkit-scrollbar-thumb {
     background: ${(props) => props.theme.scrollbarColor};
     border-radius: 10px;
diff --git a/packages/uiweb/src/lib/components/chat/ChatProfile/PendingMembers.tsx b/packages/uiweb/src/lib/components/chat/ChatProfile/PendingMembers.tsx
index 4c055c718..d6719a011 100644
--- a/packages/uiweb/src/lib/components/chat/ChatProfile/PendingMembers.tsx
+++ b/packages/uiweb/src/lib/components/chat/ChatProfile/PendingMembers.tsx
@@ -105,11 +105,10 @@ export const PendingMembers = ({
         <ProfileSection
           flexDirection="column"
           flex="1"
-          maxHeight="10rem"
-          overflow="hidden auto"
           justifyContent="start"
           borderRadius="12px"
           theme={theme}
+          padding='10px 0 0 0'
         >
           {showPendingRequests &&
             pendingMembers &&
@@ -123,7 +122,7 @@ export const PendingMembers = ({
                     icon: item?.userInfo?.profile?.picture || null,
                     chatId: null,
                     web3Name: null,
-                    recipient: shortenText(pCAIP10ToWallet(item.address?.split(':')[1]), 6, true),
+                    recipient: pCAIP10ToWallet(item.address?.split(':')[1]),
                     abbrRecipient: shortenText(pCAIP10ToWallet(item.address?.split(':')[1]), 6, true),
                     desc: null,
                   }}
@@ -301,9 +300,8 @@ export const AcceptedMembers = ({
         flexDirection="column"
         zIndex="2"
         justifyContent="start"
-        overflow="hidden auto"
-        maxHeight="15rem"
         theme={theme}
+        padding='10px 0 0 0'
       >
         {acceptedMembers.map((item, index) => (
           <MemberProfileCard
@@ -313,8 +311,8 @@ export const AcceptedMembers = ({
               isAdmin(item) && accountStatus?.role === GROUP_ROLES.ADMIN.toLowerCase()
                 ? [removeAdminDropdown, removeMemberDropdown]
                 : accountStatus?.role === GROUP_ROLES.ADMIN.toLowerCase()
-                ? [addAdminDropdown, removeMemberDropdown]
-                : []
+                  ? [addAdminDropdown, removeMemberDropdown]
+                  : []
             }
             selectedMemberAddress={selectedMemberAddress}
             setSelectedMemberAddress={setSelectedMemberAddress}
@@ -371,11 +369,11 @@ const PendingSection = styled.div`
   align-items: center;
   flex: 1;
   cursor: pointer;
-  padding: 15px 20px;
+  padding: 15px 20px 5px 20px;
   box-sizing: border-box;
 `;
 
-const ArrowImage = styled(Image)<ShadowedProps>`
+const ArrowImage = styled(Image) <ShadowedProps>`
   margin-left: auto;
   transform: ${(props) => (props?.setPosition ? 'rotate(0)' : 'rotate(180deg)')};
 `;
@@ -390,7 +388,7 @@ const Badge = styled.div`
   font-weight: 700;
 `;
 
-const ProfileSection = styled(Section)<{ theme: IChatTheme }>`
+const ProfileSection = styled(Section) <{ theme: IChatTheme }>`
   height: fit-content;
   &::-webkit-scrollbar-thumb {
     background: transparent;
diff --git a/packages/uiweb/src/lib/components/chat/ChatViewList/ChatViewList.tsx b/packages/uiweb/src/lib/components/chat/ChatViewList/ChatViewList.tsx
index 7568eb575..18f266ce6 100644
--- a/packages/uiweb/src/lib/components/chat/ChatViewList/ChatViewList.tsx
+++ b/packages/uiweb/src/lib/components/chat/ChatViewList/ChatViewList.tsx
@@ -300,7 +300,7 @@ export const ChatViewList: React.FC<IChatViewListProps> = (options: IChatViewLis
     }
 
     return () => {
-      // add comment
+      //Empty return
     };
   }, [chatAcceptStream, participantJoinStream]);
 
@@ -585,7 +585,7 @@ export const ChatViewList: React.FC<IChatViewListProps> = (options: IChatViewLis
 };
 
 //styles
-const ChatViewListCard = styled(Section)<IThemeProps>`
+const ChatViewListCard = styled(Section) <IThemeProps>`
   &::-webkit-scrollbar-thumb {
     background: ${(props) => props.theme.scrollbarColor};
     border-radius: 10px;