From fa2a90fab426016470fe66c9bb753f4c54489f5a Mon Sep 17 00:00:00 2001
From: SergeantPanda <chester.cullen@gmail.com>
Date: Sat, 18 Oct 2025 14:07:34 -0500
Subject: [PATCH] Bug fix: Remove bottom horizontal scroll bar from TV Guide,
 it was not synced with the guide and served no purpose.

---
 frontend/src/pages/Guide.jsx |  1 +
 frontend/src/pages/guide.css | 11 +++++++++++
 2 files changed, 12 insertions(+)

diff --git a/frontend/src/pages/Guide.jsx b/frontend/src/pages/Guide.jsx
index fbfef9a6..13315453 100644
--- a/frontend/src/pages/Guide.jsx
+++ b/frontend/src/pages/Guide.jsx
@@ -1477,6 +1477,7 @@ export default function TVChannelGuide({ startDate, endDate }) {
 
           {filteredChannels.length > 0 ? (
             <VariableSizeList
+              className="guide-list-outer"
               height={virtualizedHeight}
               width={virtualizedWidth}
               itemCount={filteredChannels.length}
diff --git a/frontend/src/pages/guide.css b/frontend/src/pages/guide.css
index 600bb449..a916f3d9 100644
--- a/frontend/src/pages/guide.css
+++ b/frontend/src/pages/guide.css
@@ -67,3 +67,14 @@
 .tv-guide {
   position: relative;
 }
+
+/* Hide bottom horizontal scrollbar for the guide's virtualized list only */
+.tv-guide .guide-list-outer {
+  /* Prevent horizontal page scrollbar while preserving internal scroll behavior */
+  overflow-x: hidden !important;
+}
+
+/* Also hide scrollbars visually across browsers for the outer container */
+.tv-guide .guide-list-outer::-webkit-scrollbar {
+  height: 0px;
+}