Merge pull request #1072 from Hexastack/1034-investigate-flickering-issue-when-selecting-subscriber-in-the-inbox-page

fix(frontend): resolve inbox flickering issue

frontend/src/components/inbox/components/ConversationsList.tsx

@@ -47,7 +47,7 @@ export const SubscribersList = (props: {
     if (chat) {
       chat.setSubscriberId(subscriber);
     }
-  }, [chat, subscriber]);
+  }, [subscriber]);
 
   return (
     <>

frontend/src/components/inbox/index.tsx

@@ -49,7 +49,7 @@ export const Inbox = () => {
       >
         <Grid item width="100%" height="100%" overflow="hidden">
           <MainContainer style={{ height: "100%" }}>
-            <Sidebar position="left">
+            <Sidebar position="left" style={{ flexBasis: "100%" }}>
               <Grid paddingX={1} paddingTop={2} paddingBottom={1} mx={1}>
                 <FilterTextfield
                   onChange={onSearch}