From 88e9abf1d155278ef22efcfc096daf51d038bbe6 Mon Sep 17 00:00:00 2001
From: globbertot <>
Date: Wed, 14 Jan 2026 18:04:41 +0200
Subject: [PATCH 1/2] Always show scroll bar

---
 ui/scss/component/_navigation.scss | 18 +-----------------
 1 file changed, 1 insertion(+), 17 deletions(-)

diff --git a/ui/scss/component/_navigation.scss b/ui/scss/component/_navigation.scss
index af924a991d..49c525a483 100644
--- a/ui/scss/component/_navigation.scss
+++ b/ui/scss/component/_navigation.scss
@@ -42,7 +42,7 @@
 .navigation {
   position: fixed;
   left: 0;
-  overflow-y: auto;
+  overflow-y: scroll;
   overflow-x: hidden;
   top: var(--header-height);
   width: var(--side-nav-width);
@@ -73,15 +73,6 @@
     color: var(--color-odysee-contrast) !important;
   }
 
-  @media (min-width: $breakpoint-medium) {
-    overflow-y: hidden;
-    justify-content: space-between;
-
-    &:hover {
-      overflow-y: auto;
-    }
-  }
-
   @media (max-width: $breakpoint-medium) {
     width: calc(var(--side-nav-width) + 6px);
   }
@@ -116,13 +107,6 @@
 
 .navigation--push {
   transform: translateX(0);
-
-  @media (min-width: $breakpoint-medium) {
-    &:hover {
-      overflow-y: auto;
-      width: calc(var(--side-nav-width) + 6px);
-    }
-  }
 }
 
 .navigation--mac {

From 86069dbceca0691b37344b1f7b92ac9692928e1b Mon Sep 17 00:00:00 2001
From: globbertot <>
Date: Tue, 20 Jan 2026 18:25:18 +0200
Subject: [PATCH 2/2] Improvement: Always show scrollbar only when maximized

---
 ui/scss/component/_navigation.scss | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/ui/scss/component/_navigation.scss b/ui/scss/component/_navigation.scss
index 49c525a483..31feaa0baf 100644
--- a/ui/scss/component/_navigation.scss
+++ b/ui/scss/component/_navigation.scss
@@ -42,7 +42,7 @@
 .navigation {
   position: fixed;
   left: 0;
-  overflow-y: scroll;
+  overflow-y: auto;
   overflow-x: hidden;
   top: var(--header-height);
   width: var(--side-nav-width);
@@ -73,6 +73,15 @@
     color: var(--color-odysee-contrast) !important;
   }
 
+  @media (min-width: $breakpoint-medium) {
+    overflow-y: hidden;
+    justify-content: space-between;
+
+    &:hover {
+      overflow-y: scroll;
+    }
+  }
+
   @media (max-width: $breakpoint-medium) {
     width: calc(var(--side-nav-width) + 6px);
   }
@@ -107,6 +116,10 @@
 
 .navigation--push {
   transform: translateX(0);
+
+  &:not(.navigation--micro) {
+    overflow-y: scroll;
+  }
 }
 
 .navigation--mac {