diff --git a/frontend/src/views/ChannelButton.tsx b/frontend/src/views/ChannelButton.tsx
index 114feedc8f6a2b353fac3403efaa0971cf01d561..f17e8b4e3d9d292de5b024807dff485b4d1b466a 100644
--- a/frontend/src/views/ChannelButton.tsx
+++ b/frontend/src/views/ChannelButton.tsx
@@ -141,6 +141,16 @@ const ChannelButton: FC<ChannelButtonProps> = ({
     [channel.readReceipt, teamId]
   )
 
+  const children = useMemo(() => {
+    if (hideLabel) {
+      return undefined
+    }
+    if (isUnread) {
+      return <b>{channel.name}</b>
+    }
+    return channel.name
+  }, [channel.name, hideLabel, isUnread])
+
   return (
     <LinkButton
       key={getLink(channel)[0] as string}
@@ -155,7 +165,7 @@ const ChannelButton: FC<ChannelButtonProps> = ({
         intent: isUnread ? 'warning' : undefined,
         rightIcon: isUnread ? <Dot color={Colors.RED3} /> : undefined,
         onClick: mutate,
-        children: !hideLabel && isUnread ? <b>{channel.name}</b> : channel.name,
+        children,
       }}
     />
   )