Why wont my group hide

[seanc07]

I am building a chat feature for my app and i have been adding in a group chat functionality.
I have each chat displayed on the left hand sideI have put 2 groups within a repeating group.

1. This displays a single users chat that i want to hide if it is a group chat
2. This Displays a group Chats name and i want this to hide if it is not a group chat. I have the groups set out below with the following conditionals on them.

Individual Chat and Group chat have these layouts

Individual chat has this conditional but doesnt hide when it is a group chat

Group chat has this conditional and does hide if it is not a group chat

why does my individual group chat not collapse and when im on Dev mode just shows a blank space above my group chat group as shown circled in red below:

[thekeybeats2]

Quick tip. Both should be hidden by default, and you only show them when a certain condition is met.

So uncheck “visible on page load”, and delete the conditional that hides the element. Only keep the one responsible for showing the element.

[seanc07]

I have done that thank you, and it appears to have worked

I also noticed i had added a margin to the left of the Group which is why it appeared like the individual chat was showing, However it wasnt it was just the margin preventing the group chat from going up.
Thank you