From 6c0c04bcba84751c9c18461f3c882881c9645db7 Mon Sep 17 00:00:00 2001
From: 4gray <serega05@gmail.com>
Date: Wed, 29 Apr 2026 01:06:56 +0200
Subject: [PATCH] fix(scrollbar): force overflow-y: scroll in .app-scrollbar
 utility

The favorites and recent views had local #id { overflow-y: auto }
which has higher CSS specificity than the global .app-scrollbar class.
On macOS, overflow-y: auto means overlay scrollbars that auto-fade,
so the gutter and themed thumb were never reserved.

Bake overflow-y: scroll into the utility itself (its whole purpose) and
drop the now-redundant overflow-y: auto from the two local rules.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Entire-Checkpoint: b2d2124cd992
---
 apps/web/src/styles.scss                                         | 1 +
 .../favorites-view/favorites-view.component.scss                 | 1 -
 .../recent-view/recent-view.component.scss                       | 1 -
 3 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/apps/web/src/styles.scss b/apps/web/src/styles.scss
index f6c6cd73a..99875d108 100644
--- a/apps/web/src/styles.scss
+++ b/apps/web/src/styles.scss
@@ -30,6 +30,7 @@
 // Always-visible themed scrollbar. Apply to scroll containers that should
 // reserve gutter and not rely on macOS overlay scrollbars (which auto-fade).
 .app-scrollbar {
+    overflow-y: scroll;
     scrollbar-gutter: stable;
     scrollbar-width: thin;
     scrollbar-color: color-mix(in srgb, var(--app-muted-color) 55%, transparent)
diff --git a/libs/ui/components/src/lib/channel-list-container/favorites-view/favorites-view.component.scss b/libs/ui/components/src/lib/channel-list-container/favorites-view/favorites-view.component.scss
index 70364be49..43d6e8639 100644
--- a/libs/ui/components/src/lib/channel-list-container/favorites-view/favorites-view.component.scss
+++ b/libs/ui/components/src/lib/channel-list-container/favorites-view/favorites-view.component.scss
@@ -9,7 +9,6 @@
     flex: 1;
     min-height: 0;
     overflow-x: hidden;
-    overflow-y: auto;
 }
 
 .channel-list {
diff --git a/libs/ui/components/src/lib/channel-list-container/recent-view/recent-view.component.scss b/libs/ui/components/src/lib/channel-list-container/recent-view/recent-view.component.scss
index a0fe319e8..56334bfcb 100644
--- a/libs/ui/components/src/lib/channel-list-container/recent-view/recent-view.component.scss
+++ b/libs/ui/components/src/lib/channel-list-container/recent-view/recent-view.component.scss
@@ -9,7 +9,6 @@
     flex: 1;
     min-height: 0;
     overflow-x: hidden;
-    overflow-y: auto;
 }
 
 .channel-list {