diff --git a/src/components/Chat/AnnouncementList.tsx b/src/components/Chat/AnnouncementList.tsx
index 286a920..b55ebb5 100644
--- a/src/components/Chat/AnnouncementList.tsx
+++ b/src/components/Chat/AnnouncementList.tsx
@@ -56,6 +56,7 @@ export const AnnouncementList = ({
         return (
         
             <div
+              key={message?.identifier}
               style={{
                 marginBottom: "10px",
                 width: "100%",
diff --git a/src/components/Group/Group.tsx b/src/components/Group/Group.tsx
index 160367f..b4434ef 100644
--- a/src/components/Group/Group.tsx
+++ b/src/components/Group/Group.tsx
@@ -1438,10 +1438,10 @@ export const Group = ({
               setChatMode((prev) =>
                 prev === "directs" ? "groups" : "directs"
               );
-              // setNewChat(false);
-              // setSelectedDirect(null);
-              // setSelectedGroup(null);
-              // setGroupSection("default");
+              
+            }}
+            sx={{
+              backgroundColor: chatMode === 'directs' && ( groupChatHasUnread || groupsAnnHasUnread) ? 'red' : 'revert'
             }}
           >
             {chatMode === "groups" && (
@@ -1453,6 +1453,7 @@ export const Group = ({
                 />
               </>
             )}
+           
             {chatMode === "directs" ? "Switch to groups" : "Direct msgs"}
           </CustomButton>
         </div>