Alternative Solution

alternative.diff

diff --git a/components/connect-web-ui/src/components/ConversationTitle/EditRoomAudiencesForm.jsx b/components/connect-web-ui/src/components/ConversationTitle/EditRoomAudiencesForm.jsx
index c3977d1cb3..6d27c4610a 100644
--- a/components/connect-web-ui/src/components/ConversationTitle/EditRoomAudiencesForm.jsx
+++ b/components/connect-web-ui/src/components/ConversationTitle/EditRoomAudiencesForm.jsx
@@ -17,7 +17,8 @@ export const EditRoomAudiencesForm = ({ audience, hideAudienceForm, loadingLooka
   const removeAudience = (id, fieldName) => {
     onChange({
       ...audience,
-      userIds: undefined,
+      id: undefined,
+      userIds: [],
       [fieldName]: without(audience[fieldName], id),
     })
   }
diff --git a/components/connect-web-ui/src/components/ConversationTitle/FilterCard.jsx b/components/connect-web-ui/src/components/ConversationTitle/FilterCard.jsx
index 1b184b3c56..2cc1404b42 100644
--- a/components/connect-web-ui/src/components/ConversationTitle/FilterCard.jsx
+++ b/components/connect-web-ui/src/components/ConversationTitle/FilterCard.jsx
@@ -32,7 +32,7 @@ export const FilterCard = ({ audience, deleteAudience, directory, editAudience,
       </Flex>
       <Flex>
         <FlexItem>
-          <If condition={audience.userIds}>
+          <If condition={audience.id}>
             <Caption className={style.mt1}>
               {"Audience"}
               <MembersPopover