diff --git a/packages/web/components/templates/reader/ReaderHeader.tsx b/packages/web/components/templates/reader/ReaderHeader.tsx
index 42b2ce719..15819cb54 100644
--- a/packages/web/components/templates/reader/ReaderHeader.tsx
+++ b/packages/web/components/templates/reader/ReaderHeader.tsx
@@ -31,6 +31,8 @@ export function ReaderHeader(props: ReaderHeaderProps): JSX.Element {
           '@mdDown': {
             height: MOBILE_HEIGHT,
             pt: '0px',
+            bg: '$grayBg',
+            borderBottom: '1px solid #E1E1E1',
           },
         }}
       >