diff --git a/client/components/ChannelWrapper.vue b/client/components/ChannelWrapper.vue
index 7d429d73..629bdf5a 100644
--- a/client/components/ChannelWrapper.vue
+++ b/client/components/ChannelWrapper.vue
@@ -8,8 +8,11 @@
 			{active: activeChannel && channel === activeChannel.channel},
 			{'parted-channel': channel.type === 'channel' && channel.state === 0},
 			{'has-draft': channel.pendingMessage},
-			{'not-secure': network.status.connected && !network.status.secure},
-			{'not-connected': !network.status.connected},
+			{
+				'not-secure':
+					channel.type === 'lobby' && network.status.connected && !network.status.secure,
+			},
+			{'not-connected': channel.type === 'lobby' && !network.status.connected},
 		]"
 		:aria-label="getAriaLabel()"
 		:title="getAriaLabel()"
diff --git a/client/css/style.css b/client/css/style.css
index 56f3431b..c3c1ef5b 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -729,22 +729,22 @@ background on hover (unless active) */
 	margin: 0 8px;
 }
 
-.channel-list-item.not-secure[data-type="lobby"] {
+.channel-list-item.not-secure {
 	color: #f39c12;
 }
 
-.channel-list-item.not-secure[data-type="lobby"]:hover,
-.channel-list-item.not-secure[data-type="lobby"].active {
+.channel-list-item.not-secure:hover,
+.channel-list-item.not-secure.active {
 	color: #f8c572;
 }
 
-.channel-list-item.not-connected[data-type="lobby"],
+.channel-list-item.not-connected,
 .channel-list-item.parted-channel {
 	color: #e74c3c;
 }
 
-.channel-list-item.not-connected[data-type="lobby"]:hover,
-.channel-list-item.not-connected[data-type="lobby"].active,
+.channel-list-item.not-connected:hover,
+.channel-list-item.not-connected.active,
 .channel-list-item.parted-channel:hover,
 .channel-list-item.parted-channel.active {
 	color: #f1978e;