From 17ecb7da274502aaef30120526827184f2aa4962 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Tue, 12 May 2026 14:36:04 +0200
Subject: [PATCH] Fix mobile progress bar previous/next chapter button
 hover/disabled visibility

---
 CHANGELOG.md                                         |  1 +
 .../progress-bar/mobile/MobileReaderProgressBar.tsx  | 12 ++++++++++++
 2 files changed, 13 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d10d9981..bc13c8b3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
 - (**Reader**) Fix scrollbar appearing with "fit to widt/height/screen" page scale mode and applied safe area insets
 - (**Reader**) Fix wrongly positioned mobile progress bar current page indicator
+- (**Reader**) Fix mobile progress bar previous/next chapter button visibility on hover and while disabled
 
 ## [20260509.01] (r3147) - 2026-05-09
 
diff --git a/src/features/reader/overlay/progress-bar/mobile/MobileReaderProgressBar.tsx b/src/features/reader/overlay/progress-bar/mobile/MobileReaderProgressBar.tsx
index b7df6b7e..c7849bb5 100644
--- a/src/features/reader/overlay/progress-bar/mobile/MobileReaderProgressBar.tsx
+++ b/src/features/reader/overlay/progress-bar/mobile/MobileReaderProgressBar.tsx
@@ -255,6 +255,12 @@ const BaseMobileReaderProgressBar = ({
                         sx={{
                             backgroundColor: (theme) => theme.alpha(theme.palette.background.paper, 0.85),
                             boxShadow: 2,
+                            '&:hover': {
+                                backgroundColor: 'background.paper',
+                            },
+                            '&:disabled': {
+                                backgroundColor: (theme) => theme.alpha(theme.palette.background.paper, 0.85),
+                            },
                         }}
                     >
                         {getOptionForDirection(
@@ -328,6 +334,12 @@ const BaseMobileReaderProgressBar = ({
                         sx={{
                             backgroundColor: (theme) => theme.alpha(theme.palette.background.paper, 0.85),
                             boxShadow: 2,
+                            '&:hover': {
+                                backgroundColor: 'background.paper',
+                            },
+                            '&:disabled': {
+                                backgroundColor: (theme) => theme.alpha(theme.palette.background.paper, 0.85),
+                            },
                         }}
                     >
                         {getOptionForDirection(