diff --git a/app/components/channel_icon/index.tsx b/app/components/channel_icon/index.tsx
index 1df2a12b27..33e1172cc9 100644
--- a/app/components/channel_icon/index.tsx
+++ b/app/components/channel_icon/index.tsx
@@ -103,7 +103,7 @@ const ChannelIcon = ({
     let unreadGroup;
     let mutedStyle;
 
-    if (isUnread) {
+    if (isUnread && !isMuted) {
         unreadIcon = styles.iconUnread;
         unreadGroupBox = styles.groupBoxUnread;
         unreadGroup = styles.groupUnread;
@@ -116,7 +116,7 @@ const ChannelIcon = ({
     }
 
     if (isInfo) {
-        activeIcon = isUnread ? styles.iconInfoUnread : styles.iconInfo;
+        activeIcon = isUnread && !isMuted ? styles.iconInfoUnread : styles.iconInfo;
         activeGroupBox = styles.groupBoxInfo;
         activeGroup = isUnread ? styles.groupInfoUnread : styles.groupInfo;
     }
diff --git a/app/components/channel_item/channel_item.tsx b/app/components/channel_item/channel_item.tsx
index dd767bceac..89a68985a1 100644
--- a/app/components/channel_item/channel_item.tsx
+++ b/app/components/channel_item/channel_item.tsx
@@ -151,7 +151,7 @@ const ChannelListItem = ({
     }, [channel.id]);
 
     const textStyles = useMemo(() => [
-        isBolded ? textStyle.bold : textStyle.regular,
+        isBolded && !isMuted ? textStyle.bold : textStyle.regular,
         styles.text,
         isBolded && styles.highlight,
         isActive && isTablet && !isInfo ? styles.textActive : null,