diff --git a/src/features/reader/overlay/progress-bar/components/ReaderProgressBarContainer.tsx b/src/features/reader/overlay/progress-bar/components/ReaderProgressBarContainer.tsx
index 116e8603..d89e3a68 100644
--- a/src/features/reader/overlay/progress-bar/components/ReaderProgressBarContainer.tsx
+++ b/src/features/reader/overlay/progress-bar/components/ReaderProgressBarContainer.tsx
@@ -35,4 +35,5 @@ export const ReaderProgressBarContainer = styled(Stack, {
     ...applyStyles(getProgressBarPositionInfo(progressBarPosition).isRight, {
         alignItems: theme.direction === 'ltr' ? 'flex-end' : 'flex-start',
     }),
+    WebkitTapHighlightColor: 'transparent',
 }));
diff --git a/src/features/reader/overlay/progress-bar/components/ReaderProgressBarPageNumber.tsx b/src/features/reader/overlay/progress-bar/components/ReaderProgressBarPageNumber.tsx
index a247b424..50b7a2bb 100644
--- a/src/features/reader/overlay/progress-bar/components/ReaderProgressBarPageNumber.tsx
+++ b/src/features/reader/overlay/progress-bar/components/ReaderProgressBarPageNumber.tsx
@@ -18,4 +18,5 @@ export const ReaderProgressBarPageNumber = styled(Typography)({
     textAlign: 'center',
     userSelect: 'none',
     cursor: 'pointer',
+    WebkitTapHighlightColor: 'transparent',
 });