diff --git a/web/src/components/ChannelList.tsx b/web/src/components/ChannelList.tsx
index fceb29a..9f4b902 100644
--- a/web/src/components/ChannelList.tsx
+++ b/web/src/components/ChannelList.tsx
@@ -287,13 +287,11 @@ export function ChannelList() {
             {hasUnread(channel.id) && (
               <span className="text-gb-orange text-xs font-bold" title="Unread messages">●</span>
             )}
-            <span className="flex items-center gap-1 text-xs">
+            <span className="flex items-center gap-1 text-xs pointer-events-none group-hover:pointer-events-auto">
               <span
                 onClick={(e) => handleNotifClick(e, channel.id)}
                 className="text-gb-fg-f hover:text-gb-orange opacity-0 group-hover:opacity-100 transition-opacity cursor-pointer"
                 title={`Notifications: ${NOTIF_LABELS[getLevel(channel.id)]}`}
-                role="button"
-                tabIndex={-1}
               >
                 {notifIcon(channel.id)}
               </span>
@@ -301,8 +299,6 @@ export function ChannelList() {
                 onClick={(e) => { e.stopPropagation(); setSettingsChannel({ id: channel.id, name: channel.name }); }}
                 className="text-gb-fg-f hover:text-gb-orange opacity-0 group-hover:opacity-100 cursor-pointer"
                 title="Channel settings"
-                role="button"
-                tabIndex={-1}
               >
                 [⚙]
               </span>