diff --git a/packages/web/components/templates/reader/ReaderHeader.tsx b/packages/web/components/templates/reader/ReaderHeader.tsx
index fad3a5b76..2166d8e7e 100644
--- a/packages/web/components/templates/reader/ReaderHeader.tsx
+++ b/packages/web/components/templates/reader/ReaderHeader.tsx
@@ -34,7 +34,7 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
           '@lgDown': {
             height: LIBRARY_HEADER_MOBILE_HEIGHT,
             pt: '0px',
-            bg: '$thBackground',
+            bg: '$thBackground3',
             borderBottom: '1px solid $thBorderColor',
           },
         }}